Skip to content

GourangaDasSamrat/JavaScript-Text-Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

11 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ JavaScript Text Editor

MIT License Maintenance PRs Welcome Deployed

Made with Love Visitors Last Commit


JavaScript Text Editor Logo

A simple and lightweight text editor built with modern web technologies. This editor provides a user-friendly interface with various text formatting options, making it easy to create and edit documents.

πŸš€ Live Demo | πŸ“ Report Bug | ✨ Request Feature

✨ Key Features

Feature Description
πŸ“ Rich Text Editing Full text formatting capabilities with real-time preview
🎨 Font Customization Multiple professional font choices and flexible sizing options
🌈 Text Styling Comprehensive color palette and highlighting tools
πŸ”— Link Management Seamless link insertion and management system
↔️ Text Alignment Precise control over text positioning and layout
⚑ Performance Optimized for speed and efficiency
🎯 User Experience Intuitive interface with modern design principles

πŸŽ₯ Demo

Watch the Text Editor in Action!

411392806-4d579d23-7aa8-48e0-8e17-9953b5faf662.mp4

πŸ› οΈ Built With

Category Technologies
Frontend Core HTML5 CSS3 JavaScript
UI Components Font Awesome
Deployment Vercel

πŸ“Š Quality Metrics

🌟 Lighthouse Performance

⚑ PageSpeed Insights

Metric Mobile Desktop
First Contentful Paint 0.8s 0.5s
Time to Interactive 1.2s 0.8s
Speed Index 1.0s 0.7s

πŸ“‚ Project Architecture

JavaScript-Text-Editor/
β”œβ”€β”€ πŸ“„ index.html        # Core HTML structure
β”œβ”€β”€ 🎨 style.css         # Modern CSS styling
β”œβ”€β”€ πŸ“œ script.js         # JavaScript functionality
└── πŸ–ΌοΈ favcon.png        # Project favicon

πŸš€ Quick Start

  1. Clone the Project

    git clone git@github.com:GourangaDasSamrat/JavaScript-Text-Editor.git
  2. Navigate & Launch

    cd JavaScript-Text-Editor
    # Simply open index.html in your browser
  3. Start Creating! ✨

🀝 Contributing

PRs Welcome

  1. πŸ”± Fork the repository
  2. 🌿 Create your feature branch (git checkout -b feature/AmazingFeature)
  3. πŸ“ Make your changes
  4. πŸ” Commit changes (git commit -m 'Add: AmazingFeature')
  5. πŸ“€ Push to branch (git push origin feature/AmazingFeature)
  6. 🎯 Open a Pull Request

πŸ“œ License

Released under the MIT License.

πŸ‘€ Author & Contact

Gouranga Das Samrat

Gouranga Das Samrat
Frontend Developer | JavaScript & React Expert | Open Source Enthusiast

GitHub LinkedIn Portfolio Email LeetCode CodePen Reddit Behance Dribbble Stack Overflow Quora Twitch YouTube Medium Blogger Discord X Facebook Instagram TikTok Threads Pinterest

Let's connect! I'm always open to collaboration, frontend projects, or just a friendly chat about JavaScript and React.


πŸ’ Support & Feedback

⭐ Star this project

Found this project useful? Please consider giving it a star!

Report Bug Β· Request Feature

Happy Coding! πŸ‘¨β€πŸ’»

About

A simple and responsive text editor with awesome functionality using HTML CSS and JavaScript

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published