https://github.com/satyam-pratibhan/leetpeek
LeetPeek is a sleek and interactive web application that allows users to view and download personalized LeetCode profile cards.
https://github.com/satyam-pratibhan/leetpeek
leetcode nextjs tailwindcss
Last synced: 6 months ago
JSON representation
LeetPeek is a sleek and interactive web application that allows users to view and download personalized LeetCode profile cards.
- Host: GitHub
- URL: https://github.com/satyam-pratibhan/leetpeek
- Owner: SATYAM-PRATIBHAN
- Created: 2025-01-23T15:14:08.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-03-30T17:31:27.000Z (6 months ago)
- Last Synced: 2025-03-30T18:28:27.928Z (6 months ago)
- Topics: leetcode, nextjs, tailwindcss
- Language: JavaScript
- Homepage: https://leetpeek.netlify.app/
- Size: 47.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/username/alfa-leetcode-api)
## Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/leetpeek.git
```
2. Navigate to the project directory:
```bash
cd leetpeek
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
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](https://github.com/alfaarghya/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!