CodeX - Cloud IDE

Screenshot of 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.
  • Integrated Monaco Editor to provide a VS Code-like coding experience with syntax highlighting and multi-language support.
  • Implemented code execution using Piston API, allowing users to run code securely in multiple languages.
  • Built a file management system using Supabase where users can create, edit, and manage project files.
  • Developed an AI code assistant that helps users debug code, suggest improvements, and understand code using file context.
  • Added AI-based code suggestions and autocomplete that adapts based on the current code.
  • Built a code converter feature that translates code between different programming languages while keeping functionality intact.
  • Implemented rate limiting using Redis and MongoDB to control API usage and prevent abuse.
  • Used Redis for caching to improve performance and reduce repeated API calls.
  • Handled both frontend and backend using Next.js API routes and managed state using Zustand.
  • 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