LeetClone is a self-directed learning project focused on building a LeetCode clone using modern web technologies. The primary purpose is to gain hands-on experience with React, Next.js, TypeScript, Tailwind CSS, and Firebase, creating an efficient and interactive coding challenges platform.
-
User Authentication: Implement a secure authentication system using Firebase Authentication to allow users to create accounts, log in, and track their progress.
-
Coding Challenges: Provide a diverse collection of coding challenges with varying difficulty levels, creating a comprehensive set similar to LeetCode.
-
Code Editor Integration: Seamless integration of a code editor, such as Monaco Editor, enabling users to solve coding challenges directly within the platform.
-
Real-time Evaluation: Implement a real-time code evaluation system using Firebase Cloud Functions to provide instant feedback on user-submitted solutions.
-
User Profile: Create user profiles with Firebase Firestore to showcase achievements, completed challenges, and overall progress.
-
React: Build the user interface and manage the application's state efficiently.
-
Next.js: Leverage the power of Next.js for server-side rendering, routing, and optimizing the application for production.
-
TypeScript: Enhance code maintainability and developer experience by using TypeScript for static typing.
-
Tailwind CSS: Utilize a utility-first CSS framework to rapidly style the user interface and maintain a clean, responsive design.
-
Firebase: Leverage Firebase services, including Authentication for user management and Firestore for real-time database storage.
- Clone the repository:
git clone https://github.com/NewHub25/leetcode-clone - Install dependencies:
npm install - Configure Firebase settings: Set up authentication and Firestore.
- Run the development server:
npm run dev - Access the application: Visit http://localhost:3000
-
Version 1.0.0: Basic functionality with user authentication, coding challenges, and real-time evaluation.
-
Version 2.0.0: Enhanced user profiles, leaderboards, and additional features for a richer user experience.
-
Future Updates: Regularly update the platform with new challenges, improvements, and community-driven features.
Contributions are welcome! If you'd like to contribute to LeetClone, please follow our contribution guidelines.
This project is licensed under the MIT License.
- Inspired by LeetCode and the programming community.
- Special thanks to the React, Next.js, TypeScript, Tailwind CSS, and Firebase communities for their invaluable resources and support.