A modern, interactive web application to track your progress through the famous LeetCode problems with built-in spaced repetition system for long-term retention.

LeetCode Tracker Tailwind CSS Vite

• Complete Problem Tracking: Mark problems as solved with automatic date tracking
• Visual Progress Stats: See your progress across Easy, Medium, and Hard difficulties
• Category Filtering: Filter by problem categories (Arrays & Hashing, Two Pointers, etc.)
• Difficulty Filtering: Filter by Easy, Medium, or Hard problems

• Scientifically-Based Intervals: Review problems at optimal intervals (1, 3, 7, 14, 30 days)
• Smart Review Scheduling: Automatic calculation of review due dates
• Due Today Filter: Quickly see which problems need review today
• Visual Review Status: Color-coded review buttons showing completion status

• Local Storage: All progress automatically saved to browser's local storage
• Export/Import: Backup your progress with JSON export/import functionality
• Cross-Session Persistence: Progress survives browser restarts and refreshes

• Responsive Design: Works perfectly on desktop, tablet, and mobile devices
• Clean Interface: Modern, distraction-free design using Tailwind CSS
• Interactive Elements: Hover effects, color-coded status indicators
• Informative Tooltips: Helpful information displayed on hover

View Live Demo

• Node.js
• npm or yarn

1. Clone the repository

   git clone https://github.com/javydevx/leetcode-tracker.git
   cd leetcode-tracker

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Open your browser Navigate to http://localhost:5173

npm run build

The built files will be in the dist/ directory, ready for deployment.

1. Mark Problems as Solved: Click the circle icon next to any problem when you complete it
2. Review Schedule Appears: Once solved, you'll see 5 review buttons (R1-R5) with due dates
3. Complete Reviews: Click review buttons when you successfully review the problem
4. Track Progress: Use filters and stats to monitor your overall progress

• R1: Review after 1 day
• R2: Review after 3 days
• R3: Review after 7 days (1 week)
• R4: Review after 14 days (2 weeks)
• R5: Review after 30 days (1 month)

• 🟢 Green: Review completed
• 🟡 Yellow: Due today
• 🔴 Red: Overdue
• ⚪ Gray: Future review

• Export: Download your progress as a JSON file for backup
• Import: Restore progress from a previously exported file
• Clear All: Reset all progress (with confirmation dialog)

• Frontend Framework: React 19.1.1
• Build Tool: Vite 7.1.7
• Styling: Tailwind CSS 3.4.18
• Icons: Lucide React 0.544.0
• Data Storage: Browser LocalStorage
• Language: JavaScript (ES6+)

• ✅ Chrome (recommended)
• ✅ Firefox
• ✅ Safari
• ✅ Edge
• ✅ Mobile browsers

• Dark mode support
• Custom problem sets
• Study streaks tracking
• Performance analytics
• Social features (optional)
• Mobile app version

Q: Will my progress be lost if I clear browser data? A: Yes, since data is stored in localStorage. Use the export feature to backup your progress.

Q: Can I access my progress from different devices? A: Currently no, as data is stored locally. You can export from one device and import to another.

Q: Can I add custom problems? A: Not currently, but this feature is planned for future releases.

• NeetCode: For the excellent problem curation and learning resources
• Spaced Repetition Research: Based on cognitive science research for optimal learning
• React Community: For the amazing ecosystem and tools

⭐ Star this repository if it helped you ace your coding interviews!

Made with ❤️ for the coding community