An online IDE to write, execute and share multi-language code snippets with a developer-friendly experience

---

Tech Stack

Tech	Purpose
	React framework for building the frontend
	Handles backend logic and database
	Authentication and user session management
	Core code editing experience (like VS Code)
	Utility-first CSS for fast and responsive styling
	Typed JavaScript to catch errors early
	For easy project deployment
	Manages payments for Pro Plan

Features

• 💻 Multi-language code execution (10+ languages)
• 🎨 5 VSCode-inspired themes
• ⚡ Smart output handling (success & error)
• 🔐 Clerk-auth with profile & history tracking
• 🔗 Shareable code snippets
• 🔍 Snippet search & filter
• 📊 Stats dashboard with usage metrics
• 💎 Free & Pro pricing plans (By Lemon Squeezy)
• 🧩 Font size customization for better accessibility

Installation

1. Clone the Repo

git clone https://github.com/Kishore-SR/code-circle.git

cd code-circle

2. Install Dependencies

npm install

3. Create .env.local File (refer .env.example)

4. Running the Project Locally

# Run the frontend
npm run dev

# In another terminal, start the Convex dev server
npx convex dev

Open http://localhost:3000 to view the app.

Connect Here