CodeX - Cloud IDE

CodeX - Cloud IDE

About the Project

  • Built a cloud-based IDE similar to Replit where users can write, edit, and run code directly in the browser.
  • I integrated Monaco Editor to provide a VS Code-like coding experience with syntax highlighting and multi-language support.
  • I implemented code execution using Piston API, allowing users to run code securely in multiple languages.
  • I built a file management system using Supabase where users can create, edit, and manage project files.
  • I developed an AI code assistant that helps users debug code, suggest improvements, and understand code using file context.
  • I added AI-based code suggestions and autocomplete that adapts based on the current code.
  • I built a code converter feature that translates code between different programming languages while keeping functionality intact.
  • I implemented rate limiting using Redis and MongoDB to control API usage and prevent abuse.
  • I used Redis for caching to improve performance and reduce repeated API calls.
  • I handled both frontend and backend using Next.js API routes and managed state using Zustand.
  • I focused on building a smooth and responsive UI using Tailwind CSS and Shadcn components.

Tech Stack

Next.jsTypeScriptMonaco EditorPiston APISupabaseLangChainTailwind CSSRedis
CodeX - Cloud IDE | Shubham Gupta Portfolio