🚀 CodeIgnite – Lightweight Web IDE
🔥 Overview
CodeIgnite is a powerful, web-based IDE built for seamless HTML, CSS, and JavaScript development. It offers a clean and intuitive interface with real-time preview, syntax highlighting, and secure user authentication.
Developed using modern technologies like Node.js and MongoDB, CodeIgnite allows users to write, save, and manage their code efficiently from anywhere.
🛠 Tech Stack
Frontend:
HTML
CSS
JavaScript
Backend:
Node.js
Express.js
Database:
MongoDB (Mongoose ORM)
Authentication:
JWT (JSON Web Tokens)
Bcrypt
Editor & Features:
CodeMirror / Monaco Editor
Real-time preview
✨ Features
✅ Real-time HTML, CSS, and JavaScript execution
✅ User authentication (Signup/Login)
✅ Save, edit, and manage code snippets
✅ Syntax highlighting for better readability
✅ Dark & Light mode support
✅ Auto-save to prevent data loss
🚀 Getting Started
🔧 Installation
git clone https://github.com/sanskarkumar109/codeignite.git
cd codeignite
npm install
node server.js
⚡ Development Mode
npm run dev
🌐 Access the App
Open your browser and go to:
📊 How It Works
User Authentication
Users sign up or log in
Credentials are securely stored in MongoDB
Code Editor
Write HTML, CSS, and JavaScript
Syntax highlighting via CodeMirror/Monaco
Real-Time Preview
Instant output updates as you type
Save & Retrieve Code
Store and manage code snippets in your account
📌 Future Enhancements
🔹 Live collaboration (real-time multi-user coding)
🔹 Export projects as downloadable files
🔹 Custom themes and key bindings
🔹 Shareable links for code snippets
🤝 Contributing
Contributions are welcome!
Fork the repository Create a new branch Submit a pull request
For major changes, please open an issue first to discuss what you’d like to improve.
📄 License
This project is licensed under the MIT License.