An online code editor that allows developers and students to write, compile, and execute code directly in the browser with a fast, clean, and responsive interface.
🌐 Live Demo: https://codeit-vzw0.onrender.com/
⭐ If you like this project, consider giving it a star!
CodeIt is a modern web-based code editor designed for writing, compiling, and executing code seamlessly from any device. It provides an intuitive development environment with a clean UI, making it suitable for coding practice, learning, and testing algorithms without installing a local IDE.
Whether you're solving coding problems, experimenting with new ideas, or practicing programming languages, CodeIt offers a simple and efficient experience.
- 📝 Online Code Editor
- ⚡ Instant Code Compilation & Execution
- 🌍 Supports Multiple Programming Languages
- 🎨 Modern & Responsive User Interface
- 📋 Syntax Highlighting
- 🚀 Fast Execution
- 💾 Easy Code Editing
- 📱 Mobile-Friendly Design
- 🔄 Real-Time Output Display
Application
https://codeit-vzw0.onrender.com/
- React.js
- Tailwind CSS
- JavaScript
- Node.js
- Express.js
- Judge0 API (or your preferred code execution service)
- Render
CodeIt/
│
├── client/
│ ├── components/
│ ├── pages/
│ ├── hooks/
│ ├── assets/
│ └── ...
│
├── server/
│ ├── controllers/
│ ├── routes/
│ ├── services/
│ └── ...
│
├── package.json
├── README.md
└── ...
Clone the repository
git clone https://github.com/Harikesh312/CodeIt.gitMove into the project
cd CodeItInstall dependencies
npm installRun the development server
npm run devIf the project uses separate frontend and backend folders:
cd client
npm install
cd ../server
npm installCreate a .env file inside the server directory.
Example:
PORT=5000
JUDGE0_API_KEY=your_api_keyReplace the values with your actual credentials before running the project.
- Select a programming language.
- Write or paste your code into the editor.
- Click Run Code.
- The backend sends the code to the execution service.
- The compiled output or errors are displayed instantly.
- Data Structures & Algorithms Practice
- Competitive Programming
- Coding Interviews
- Programming Assignments
- Learning New Languages
- Testing Small Code Snippets
- User Authentication
- Save & Load Code Snippets
- Custom Themes (Dark/Light)
- Collaborative Coding
- AI Code Assistant
- Code Formatting
- Input/Output Console
- Execution History
- Shareable Code Links
Contributions are always welcome!
- Fork the repository.
- Create a feature branch.
git checkout -b feature-name- Commit your changes.
git commit -m "Add new feature"- Push the branch.
git push origin feature-name- Open a Pull Request.
Found a bug or have an idea for improvement?
Open an issue in the GitHub repository, and it will be reviewed as soon as possible.
This project is licensed under the MIT License.
Harikesh
GitHub: https://github.com/Harikesh312