LeetCode Progress Tracker

A simple LeetCode progress tracker component built with React and Tailwind CSS.

Features

• Easy Integration: Simply clone the repository, install dependencies, and start the development server.
• Customizable: Add your LeetCode username in ScoreCard.jsx and start tracking your progress effortlessly.
• Lightweight: Built without external animation libraries for a straightforward implementation.

Getting Started

Clone the project

  git clone https://github.com/your-username/leetcode-progress-tracker.git

Go to the project directory

  cd leetcode-progress-tracker

Install dependencies

  npm install

Start the server

Usage/Examples

• Open ScoreCard.jsx.
• Find the line const LeetcodeId = 'your-leetcode-username'; and replace 'your-leetcode-username' with your actual LeetCode username.
• Save the file.

export default function Scorecard() {
  const LeetcodeId = ``; //Add your Leetcode id here


// other code

Demo

Insert gif or link to demo

Installation

Install project with npm

  npm run dev

Open your browser and go to http://localhost:5173 to see the LeetCode progress tracker in action!

Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your improvements.

Acknowledgments

Thank you to React and Tailwind CSS communities for their excellent tools.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh