LeetCloned - LeetCode Clone

A LeetCode-inspired platform for practicing coding challenges with a modern tech stack

Live Demo • GitHub Repository • Support

🚀 Overview

LeetCloned is a fully functional LeetCode clone built with modern web technologies, designed to help developers practice coding challenges in an intuitive environment. The platform features a clean UI, real-time code execution, and progress tracking.

✨ Features

🎯 Core Functionality

• 10 Curated Coding Problems covering essential algorithms
• Real-time Code Editor with syntax highlighting
• Code Execution & Testing with custom backend
• User Progress Tracking with Firebase integration
• Responsive Design for all devices

🛠 Technical Features

• Type-Safe Development with TypeScript
• Modern UI/UX with Tailwind CSS
• Server-Side Rendering with Next.js 14
• Real-time Database with Firebase
• Secure Authentication system

## 🚀 Quick Start

### Prerequisites
- Node.js 18+ installed
- Firebase account
- Git

### Installation

1. **Clone the repository**
   ```bash
   git clone https://github.com/Harmit3/leetcloned.git
   cd leetcloned

2. Install dependencies

   npm install
   # or
   yarn install

3. Environment Setup Create a .env.local file in the root directory:

4. Run the development server

   npm run dev
   # or
   yarn dev

5. Open your browser Navigate to http://localhost:3000

🎯 Available Problems

1. Two Sum - Easy
2. Reverse Linked List - Easy
3. Valid Parentheses - Easy
4. Binary Search - Easy
5. Merge Two Sorted Lists - Easy
6. Maximum Subarray - Medium
7. Climbing Stairs - Easy
8. Invert Binary Tree - Easy
9. Valid Palindrome - Easy
10. Best Time to Buy and Sell Stock - Easy

🛠 Tech Stack

Frontend

• React 18 - UI library
• Next.js 14 - React framework with App Router
• TypeScript - Type safety
• Tailwind CSS - Utility-first CSS framework
• Monaco Editor - VS Code editor component

Backend & Database

• Firebase Firestore - Real-time database
• Firebase Auth - User authentication
• Next.js API Routes - Serverless functions

Deployment

• Vercel - Platform for frontend deployment
• Firebase Hosting - Backend services

🔧 Configuration

Firebase Setup

1. Create a new Firebase project
2. Enable Firestore Database
3. Enable Authentication
4. Add your web app to get configuration keys

Vercel Deployment

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Add environment variables in Vercel dashboard
4. Deploy automatically on git push

🚀 Deployment

The project is automatically deployed to Vercel when pushing to the main branch.

Live Site: https://leetcodecloned.vercel.app/

Manual Deployment

# Build the project
npm run build

# Deploy to Vercel
npx vercel --prod

🤝 Contributing

I welcome contributions from the community! Since I have exams coming up, I won't be able to actively develop until my Christmas vacation, but I'd love to see your ideas and improvements.

How to Contribute

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

Areas for Contribution

• First, make judge0 for these 10 problems
• Adding new coding problems
• Enhancing code execution performance
• Adding test cases
• Bug fixes and optimizations

☕ Support

If you find this project helpful, consider supporting my work:

Your support helps me continue developing and maintaining this project!

🙏 Acknowledgments

• LeetCode for inspiration
• Vercel for seamless deployment
• Firebase for backend services
• The open-source community for amazing tools and libraries

---

⭐ Don't forget to star the repository if you find this project useful!

Live Demo • Report Bug • Request Feature

---

Note: Development will resume after my exams during Christmas vacation. Looking forward to your contributions and suggestions! 🎄