LeetPeek

LeetPeek is a sleek and interactive web application that allows users to view and download personalized LeetCode profile cards. Built with React and Tailwind CSS, and powered by the Alfa LeetCode API, this project is designed to make tracking your coding progress easy and visually appealing.

Features

• 🔍 Search Profiles: Enter a LeetCode username to fetch user data.
• 📊 Detailed Stats: View total problems solved, difficulty-wise breakdown, and submission data.
• 📥 Downloadable Cards: Download a custom-designed profile card for sharing.
• ✨ Modern Design: Built with Tailwind CSS for a clean and responsive UI.

Demo

Live Demo (Add link when hosted)

Tech Stack

• Frontend: React.js, Tailwind CSS
• API: Alfa LeetCode API

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/leetpeek.git

2. Navigate to the project directory:

   cd leetpeek

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and go to http://localhost:5173.

Usage

1. Enter a LeetCode username in the search bar.
2. View the fetched profile statistics, including solved problems and submission data.
3. Click the "Download" button to save the profile card as an image.

Contributing

Contributions are welcome! Please follow these steps:

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

Acknowledgments

• Alfa LeetCode API for providing the data.
• Tailwind CSS for its amazing utility-first styling.

---

💻 Happy coding! Feel free to reach out with suggestions or feedback!