Skip to content

Repository files navigation

💻 CodeMate – Your Friendly Online Code Playground

Vercel License: MIT

CodeMate is an interactive, web-based code playground built for developers, students, and competitive programmers. It offers a real-time code editor, custom input/output support, and one-click code execution — all in your browser.

Designed with simplicity and performance in mind, CodeMate lets you write, test, and debug code effortlessly, without any setup or installations.


🔧 Key Features

  • 📝 Real-time Code Editor – Monaco-powered (like VS Code)
  • 🧪 Custom Input Support – Feed custom test cases easily
  • ⚙️ Live Output Panel – Instant execution feedback
  • 🚀 One-click Run – Powered by Judge0 API
  • 🌐 Responsive UI – Built with React + Tailwind CSS
  • 🖥️ Multi-language Support – C, C++, Python, JS & more (coming soon)
  • 🌙 Dark/Light Theme Toggle
  • 🔀 Page Navigation – Seamless routing with Framer Motion
  • 📅 Upcoming Contests – Auto-fetches CP contests from Codeforces, AtCoder, LeetCode & CodeChef

🛠️ Tech Stack

  • Frontend: React + Vite
  • Styling: Tailwind CSS
  • Code Execution: Judge0 API
  • Routing & Animations: React Router + Framer Motion
  • Editor: Monaco Editor

🚀 Live Demo

👉 Try CodeMate now


📦 Local Development

# Clone the repo
git clone https://github.com/vaibhav-raj-raghuvanshi/codeMate.git
cd codeMate

# Install dependencies
npm install

# Start the dev server
npm run dev

About

CodeMate is an interactive, web-based code playground built for developers, students, and competitive programmers. It provides a real-time code editor, custom input/output support, and a one-click run environment — all in your browser.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages