https://github.com/newhub25/leetcode-clone
Project clone to learn programming
https://github.com/newhub25/leetcode-clone
firebase-auth nextjs react tailwindcss
Last synced: 3 months ago
JSON representation
Project clone to learn programming
- Host: GitHub
- URL: https://github.com/newhub25/leetcode-clone
- Owner: NewHub25
- Created: 2023-12-17T06:15:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-22T02:04:42.000Z (9 months ago)
- Last Synced: 2025-01-10T06:48:45.850Z (4 months ago)
- Topics: firebase-auth, nextjs, react, tailwindcss
- Language: TypeScript
- Homepage: https://leetcode-clone-psi.vercel.app
- Size: 317 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# LeetClone
## Description
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.
## Features
- **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.
## Technologies Used
- **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.
## Getting Started
1. **Clone the repository:** `git clone https://github.com/NewHub25/leetcode-clone`
2. **Install dependencies:** `npm install`
3. **Configure Firebase settings:** Set up authentication and Firestore.
4. **Run the development server:** `npm run dev`
5. **Access the application:** Visit [http://localhost:3000](http://localhost:3000)
## Roadmap
- **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.
## Contributing
Contributions are welcome! If you'd like to contribute to LeetClone, please follow our [contribution guidelines](./CONTRIBUTING.md).
## License
This project is licensed under the [MIT License](LICENSE).
## Acknowledgments
- 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.