Online Ide
Leetcode like platform to practice coding
Overview
In today's fast-paced tech world, honing your coding skills is more crucial than ever, and platforms that make this practice engaging and efficient are valuable. This online IDE, inspired by LeetCode, offers a sleek environment for users to tackle logic-based coding problems. Built on robust technologies like Express.js and React.js, it provides a powerful and flexible platform for both beginners and seasoned coders to sharpen their programming skills through hands-on experience.
The platform combines a user-friendly interface with advanced features to facilitate coding practice. It supports multiple programming languages and offers a unique AI Assistant, making problem-solving interactive and insightful. With built-in analytics and a leaderboard, users can track their progress and engage with a community of like-minded individuals aiming for coding excellence.
Features
- JWT Based User Authentication: Securely register and log in with support for email verification and password recovery via OTP.
- Code Editor with Syntax Highlighting: Features Shiki.js for an enhanced coding experience with support for four languages: Python, C, C++, and Java.
- Problem Statements in Markdown: Each problem includes clear statements rendered as Markdown, along with sample and custom test cases for thorough testing.
- Sandboxed Code Execution: Execute code in isolated Docker containers, ensuring secure and limited resource usage for each coding attempt.
- AI Assistant: Leverage the capabilities of LLaMA for hints and a more interactive problem-solving experience, complete with contextual understanding of written code.
- Points and Leaderboard System: Earn points based on problem-solving efficiency, with a leaderboard to foster healthy competition and track progress.
- User Profile and Analytics: Monitor submissions and points earned via a visual submission graph, while tracking user interactions on the platform for continuous improvement.
- Editorials and Community Engagement: Access detailed editorials for each problem and contribute your own after successfully solving challenges, creating a collaborative learning environment.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Shadcn UI
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Docker
A website that uses Docker for containerization to streamline development, testing, and deployment workflows. This includes features such as containerization of dependencies, automated builds and deployments, and container orchestration to ensure scalability and availability.