Skip to content

Latest commit

 

History

History
261 lines (203 loc) · 10.2 KB

File metadata and controls

261 lines (203 loc) · 10.2 KB

📝 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

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! 👨‍💻