Skip to content

Free multi-language online code editor using Next.js + TypeScript.

License

Notifications You must be signed in to change notification settings

aman179102/CodePad

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

22 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸš€ CodePad

A modern, open-source multi-language online code editor & execution platform built with Next.js, TypeScript, and Tailwind CSS.

Write β€’ Execute β€’ Learn β€” all in one clean, fast, and mobile-friendly interface.

πŸ”— Live Demo: Click Me

πŸ“– Documentation: See files inside the repo

πŸ› Report Issues: GitHub Issues tab


✨ Key Highlights

  • πŸ–₯️ Multi-language code editor & runner
  • ⚑ Real-time code execution
  • πŸ“± Fully responsive (desktop + mobile tabs)
  • πŸ€– Smart AI-based language detection
  • πŸ’Ύ Local file save & load support
  • βš™οΈ Zero configuration – just open & start coding
  • 🌐 Deployable on free hosting platforms

πŸ–ΌοΈ Preview

Desktop Experience Editor + Input + Console in a single screen layout.

Screenshot_2026-02-26_01-26-39

Mobile Experience Tab-based UI for Editor, Input, and Console β€” optimized for small screens.


🌈 Supported Languages

Interpreted

  • JavaScript
  • TypeScript
  • Python
  • PHP
  • Ruby
  • R

Compiled

  • C
  • C++
  • Java
  • Rust
  • Kotlin

πŸ€” Why CodePad?

Most online compilers:

  • Require signup ❌
  • Break on mobile ❌
  • Are slow or bloated ❌

CodePad is different:

  • βœ… No login required
  • πŸš€ Fast execution on free infrastructure
  • πŸ“± Excellent mobile UX
  • 🧠 Automatic language detection
  • ❀️ 100% open-source & beginner-friendly

πŸ› οΈ Tech Stack

Frontend

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS

Backend & Runtime

  • Node.js
  • Vercel-compatible execution

AI & UI Tools

  • Genkit
  • shadcn/ui

πŸš€ Quick Start

Local Development

# Clone the repository
git clone https://github.com/aman179102/CodePad.git

# Go to project directory
cd CodePad

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:3000 in your browser.


πŸ“¦ Deployment

CodePad is designed to run on free hosting platforms.

Deploy on Vercel (Free)

npm run build
npx vercel --prod

πŸ“„ Detailed guides:

  • DEPLOYMENT.md
  • LIFETIME_FREE_DEPLOYMENT.md
  • KEEP_ALIVE_GUIDE.md

🧠 AI Features

  • Automatic programming language detection
  • Smart handling of editor content
  • Designed to be extensible for future AI features

🀝 Contributing

Contributions are very welcome πŸ™Œ

How to contribute:

  1. Fork the repository
  2. Create a new branch
  3. Make your changes
  4. Open a Pull Request πŸš€

Look for issues labeled good first issue if you’re new to open source.


πŸ› Reporting Bugs

Found a bug?

  • Open an issue with clear steps to reproduce
  • Include screenshots or logs if possible

πŸ’‘ Feature Requests

Have an idea?

  • Open a feature request issue
  • Explain the use-case clearly

πŸ“„ License

This project is licensed under the MIT License.

You are free to use, modify, and distribute this project.


πŸ™ Acknowledgments

  • shadcn/ui for clean UI components
  • Vercel for amazing deployment support
  • Next.js team for the framework
  • Open-source community ❀️

🌟 Support the Project

If you find CodePad useful:

  • ⭐ Star this repository
  • 🍴 Fork it
  • πŸ§‘β€πŸ’» Share it with other developers

Made with ❀️ by Aman Kumar


⬆ Back to Top