Next-Generation Online Code Compiler & AI-Powered Editor
Features • Demo • Installation • Deployment • Tech Stack • Developer
- Multi-Language Support - Python, JavaScript, TypeScript, Java, C++, C, Go, Rust, Ruby, PHP, Swift, Kotlin, Scala, R, and more
- AI-Powered Assistance - Code explanation, optimization, debugging, review, and comment generation
- Real-Time Code Execution - Execute code instantly with the Piston API
- Monaco Editor - VS Code's powerful editor with IntelliSense, syntax highlighting, and more
- Global Leaderboard - Compete with developers worldwide
- Daily Challenges - AI-generated coding challenges
- Achievement Badges - 21 unique achievements across 5 tiers (Bronze → Diamond)
- Streak System - Track your coding consistency
- Dark/Light Mode - Beautiful theme switching
- Responsive Design - Works on desktop, tablet, and mobile
- Smooth Animations - Powered by Framer Motion
- Keyboard Shortcuts - Boost your productivity
- Code Snippets - Save and share your code
- User Authentication - Secure login system
- Premium Tiers - Pro features for power users
Visit CodeRipper to try it out!
- Node.js 18+
- npm or yarn
- Go 1.20+ (optional, for local exec-engine)
# Clone the repository
git clone https://github.com/fahadkhan/coderipper.git
cd coderipper
# Install dependencies
npm install
cd web && npm install
# Set up environment variables
cp web/.env.example web/.env.local
# Edit web/.env.local with your OPENROUTER_API_KEY
# Start development server
npm run devThe app will be available at http://localhost:3000
| Variable | Required | Description |
|---|---|---|
OPENROUTER_API_KEY |
Yes | API key from OpenRouter |
NEXT_PUBLIC_APP_URL |
No | Your app URL (default: http://localhost:3000) |
AI_MODEL_PRIMARY |
No | Primary AI model (default: free model) |
- Fork this repository
- Import to Vercel
- Add environment variables:
OPENROUTER_API_KEY(required)NEXT_PUBLIC_APP_URL(your production URL)
- Deploy!
docker-compose up -d| Category | Technologies |
|---|---|
| Frontend | Next.js 14, React 18, TypeScript |
| Styling | TailwindCSS, Framer Motion |
| Editor | Monaco Editor (VS Code) |
| AI | OpenRouter API (GPT-4, Claude, Gemini, Llama) |
| Execution | Piston API, Custom Go Engine |
| Auth | JWT, Custom Auth Context |
| Database | PostgreSQL (optional) |
coderipper/
├── web/ # Next.js frontend
│ ├── components/ # React components
│ ├── pages/ # Next.js pages
│ ├── lib/ # Utilities & services
│ ├── contexts/ # React contexts
│ └── styles/ # Global styles
├── services/
│ └── exec-engine/ # Go code execution service
├── infra/ # Infrastructure configs
└── tests/ # E2E tests
Full Stack Developer & Software Engineer
This project is licensed under the MIT License - see the LICENSE file for details.
- Monaco Editor - The code editor that powers VS Code
- OpenRouter - AI model routing
- Piston - Code execution engine
- Vercel - Hosting platform
Made with ❤️ by Fahad Khan
If you found this project useful, please consider giving it a ⭐!