About CodePad

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

a

Published by

README.md

🚀 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.

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:

Fork the repository
Create a new branch
Make your changes
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

CodePad