GourangaDasSamrat/JavaScript-Text-Editor

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

โ˜… 10Forks 0HTMLGitHub โ†—Compare

Project website โ†—

es6es6-javascriptjavscriptjsmodern-ui-uxmodern-webtext-editortext-editor-for-webweb-app

README

๐Ÿ“ 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 [email protected]: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

Facebook X Bluesky LinkedIn YouTube CodePen LeetCode HackerRank Medium Dev.to Blogger Discord Email

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! ๐Ÿ‘จโ€๐Ÿ’ป

Contributors

GourangaDasSamrat

Issues