8000 GitHub - Karan4789/Code-Editor
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Karan4789/Code-Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Online Code Editor

A modern, full-stack web application that allows users to write and execute code in multiple programming languages directly in the browser.

🚀 Live Demo

✨ Features

  • Support for multiple programming languages:
    • JavaScript
    • Python
    • C
  • Real-time code execution
  • Dark/Light theme toggle
  • Interactive terminal output
  • Input handling for programs
  • Syntax highlighting
  • Error handling and display

🛠️ Tech Stack

Frontend

  • React.js
  • Vite
  • Monaco Editor
  • Tailwind CSS
  • Axios

Backend

  • Node.js
  • Express.js
  • Python3
  • GCC
  • Railway (Deployment)
  • Nixpacks

🏗️ Architecture

  • Frontend deployed on Vercel
  • Backend deployed on Railway
  • RESTful API communication
  • Secure code execution environment

🚦 Getting Started

Prerequisites

  • Node.js 18.x or higher
  • Python 3.x
  • GCC compiler

Local Development

  1. Clone the repository
git clone https://github.com/karan4789/Code-Editor.git
cd Code-Editor
  1. Install Frontend Dependencies
cd Client
npm install
  1. Install Backend Dependencies
cd ../Server
npm install
  1. Start Backend Server
npm run dev
  1. Start Frontend Development Server
cd ../Client
npm run dev

The application will be available at http://localhost:5173

🔑 Environment Variables

Frontend (.env)

VITE_API_URL=your_backend_url/api

Backend

NODE_ENV=production
PORT=3000

📝 License

MIT

🙏 Acknowledgments

  • Monaco Editor for the code editing interface
  • Railway for hosting the backend
  • Vercel for hosting the frontend

👨‍💻 Author

Karan - GitHub Profile

0