Skip to content

jahnavi-j9/Code-Craft

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🧠 CODE CRAFT - Online Code Compiler

Code Craft is a real-time online compiler supporting multiple programming languages with live preview, syntax highlighting, and code execution using Judge0 API.


🚀 Features

  • 💻 Live Code Editor using CodeMirror
  • 🌓 Dark / Light Theme Toggle
  • 🔧 Supports multiple languages:
    • Python
    • C++
    • Java
    • JavaScript (Live Preview)
    • HTML (Live Preview)
    • CSS (Live Preview)
  • ▶️ Run code via Judge0 API
  • 📊 Analyze lines, characters, and version
  • 📋 Copy code to clipboard
  • 💾 Export code as a file

🛠️ Tech Stack

  • React.js
  • CodeMirror editor (@uiw/react-codemirror)
  • Judge0 API for code execution
  • HTML, CSS, JavaScript

📂 Project Structure


online-code-compiler/
├── public/
├── src/
│   ├── components/
│   │   └── Compiler.jsx
│   ├── Compiler.css
│   ├── languageConfig.js
│   ├── languageSupport.js
│   └── App.js
├── package.json
└── README.md


⚙️ Setup & Run

  1. Clone the repo:
git clone https://github.com/your-username/online-code-compiler.git
cd online-code-compiler
  1. Install dependencies:
npm install
  1. Start the development server:
npm start

Make sure to add your Judge0 API Key in Compiler.jsx file:

const RAPIDAPI_KEY = 'your_api_key_here';

🔐 Judge0 API Setup

  • Visit Judge0 on RapidAPI
  • Subscribe and get your X-RapidAPI-Key
  • Replace RAPIDAPI_KEY in your code

🙋‍♀️ Author

Jahnavi Grandhi


📄 License

This project is licensed under the MIT License.

⭐ Star this repo

If you like this project, show your support by ⭐ starring the repository!

✅ You're ready to paste this directly into your README.md file. Let me know if you want the screenshots or deploy instructions too!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors