Web Code Compiler is an intuitive, web-based integrated development environment (IDE) crafted meticulously by Arun, Andrea, and Hridya. This project, developed during their third year of B.Tech in Computer Science and Engineering, aims to simplify the process of coding, compiling, and executing code efficiently across various programming languages.
Web Code Compiler leverages a suite of powerful tools and libraries to provide developers with the following features:
- Multi-Language Support: Seamlessly switch between HTML, CSS, JavaScript, C, C++, Python, and Java.
- Live Compilation: Get real-time feedback and error detection as you type.
- Advanced Code Editor: Integrates with Monaco Editor for cutting-edge syntactic features, such as auto-completion and code folding.
- Execution Insights: Instantly view execution times and memory statistics.
- Responsive UI: Adapts beautifully to both desktop and mobile screens.
- File Operations: Easily import and export your projects with comprehensive file management tools.
- Custom Themes: Choose between light and dark modes to customize your coding experience.
- Interactive Previews: Immediate rendering of HTML/CSS along with JavaScript.
Jump-start your development with Web Code Compiler by following these steps to get it up and running on your local machine:
-
Clone the repository
Use Git to clone the SimpleIDE source code to your local machine.
git clone https://github.com/MiniProject-JECC-CSE-S6-4/code-compiler-app.git
-
Navigate to the project directory
Change to the project directory on your local machine.
cd code-compiler-app
-
Install Dependencies
Install all the necessary dependencies using npm.
npm install
-
Start the Development Server
Launch the development server and open Web Code Compiler in your browser.
npm start
Navigate to http://localhost:3000/
in your web browser to enjoy coding with Web Code Compiler!
Web Code Compiler is crafted to enhance your productivity with its straightforward UI:
- Choose a Language: Start by selecting your programming language from the dropdown menu.
- Code Away: Type your code in the editor. Enjoy features like syntax highlighting and live error detection.
- Run & Debug: Execute your code with the run button and debug effortlessly with real-time outputs and comprehensive logs.
- Manage Files: Import your files with the click of a button or export your code effortlessly.
- React - A JavaScript library for building user interfaces.
- Monaco Editor - The code editor that powers VS Code.
- React Router - For seamless navigation.
- Axios - For promises based HTTP client.
- PrismJS - For syntax highlighting.
- AOS - For scroll animations.
- Arun K Nair - Development - Arun
- Andrea Sunny - Documentation - Andrea
- Hridhya UR - UI Design - Hridya
This project is licensed under the MIT License - see the LICENSE.md file for details.
- Inspiration from various open-source projects that focus on making coding more accessible.
- Friends and colleagues who provided feedback and guidance.