Intelli Code Compiler

A professional online code compiler built with React.js, featuring intelligent compilation and code analysis capabilities.

Features

🚀 Core Features

• Multi-language Support: JavaScript, Python, Java, C++, and C
• Real-time Code Editor: Syntax highlighting and line/character counting
• Live Console Output: See your code execution results instantly
• Code Analysis: Time complexity, space complexity, and optimization suggestions

🎨 User Experience

• Modern Dark Theme: Professional dark interface with gradient accents
• Responsive Design: Works seamlessly on desktop and mobile devices
• Intuitive Controls: Easy-to-use buttons for running, copying, and downloading code
• Language Switching: Seamlessly switch between programming languages

📊 Analysis Features

• Time Complexity Analysis: Understand your algorithm's time efficiency
• Space Complexity Analysis: Monitor memory usage patterns
• Optimization Suggestions: Get recommendations for improving code performance

Technologies Used

• React.js - Frontend framework
• Tailwind CSS - Utility-first CSS framework
• JavaScript - Programming language
• HTML5 - Markup language
• CSS3 - Styling

Getting Started

Prerequisites

• Node.js (version 14 or higher)
• npm or yarn package manager

Installation

1. Clone the repository

   git clone <repository-url>
   cd intelli-code-compiler

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Open your browser Navigate to http://localhost:3000 to view the application

Building for Production

npm run build

Usage

1. Select Language: Choose from JavaScript, Python, Java, C++, or C from the dropdown
2. Write Code: Use the code editor to write your program
3. Run Code: Click the "Run Code" button to execute your program
4. View Output: See the results in the console output panel
5. Analyze Code: Check the analysis panel for complexity information
6. Copy/Download: Use the copy and download buttons to save your code

Project Structure

intelli-code-compiler/
├── public/
│   └── index.html
├── src/
│   ├── App.js          # Main application component
│   ├── index.js        # React entry point
│   └── index.css       # Global styles and Tailwind imports
├── package.json        # Dependencies and scripts
├── tailwind.config.js  # Tailwind CSS configuration
├── postcss.config.js   # PostCSS configuration
└── README.md          # Project documentation

Features in Detail

Language Support

• JavaScript: ES6+ features with console output simulation
• Python: Python 3 syntax with print statement support
• Java: Java syntax with System.out.println support
• C++: C++ syntax with cout support
• C: C syntax with printf support

Code Analysis

The compiler provides real-time analysis of your code:

• Time Complexity: Big O notation analysis
• Space Complexity: Memory usage analysis
• Optimization Tips: Suggestions for improving performance

User Interface

• Dark Theme: Easy on the eyes for long coding sessions
• Gradient Accents: Purple to green gradient for visual appeal
• Responsive Layout: Adapts to different screen sizes
• Professional Design: Clean and modern interface

Contributing

1. Fork the repository
2. Create a feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Version

Current Version: 2.1.0

Support

For support and questions, please open an issue in the repository.

---

Note: This is a frontend-only implementation that simulates code execution. For actual code compilation and execution, you would need to integrate with backend services or APIs that support the respective programming languages.