Skip to content

Personalize leetcode tracker to track my leetcode progress effectively

Notifications You must be signed in to change notification settings

vansh-codes/LeetCode-Tracker

Repository files navigation

🌟 LeetCode Heatmap 🌟

Welcome to the LeetCode Heatmap! This project provides a visual representation of your coding progress on LeetCode through a heatmap. Click on any day's box to see the problems solved and commits made on that day.

📖 Table of Contents

💡 Features

  • Interactive heatmap visualizing daily coding activity 🗓️
  • Tooltip information on each day's activity 📊
  • Responsive design for seamless usage on all devices 📱💻
  • Dynamic rendering of problems solved and commits made 💪

🔧 Installation

To get started with the LeetCode Heatmap project, follow these steps:

  1. Clone the repository:

    git clone https://github.com/vansh-codes/LeetCode-Tracker.git
  2. Navigate to the project directory:

    cd LeetCode-Tracker
  3. Install the required dependencies:

    npm install
  4. Start the development server:

    npm run dev

Now open http://localhost:3000 in your browser to view the application!

🛠️ Environment Variables

Before running the application, you need to set up environment variables to access the GitHub API. Create a .env.local file in the root of your project and add the following lines:

GITHUB_TOKEN=your_personal_access_github_token
NEXT_PUBLIC_GITHUB_USERNAME=your_github_username
NEXT_PUBLIC_GITHUB_REPO=your_repo_name

🚀 Usage

  • Click on any box in the heatmap to view the problems solved on that day.
  • Use the dropdown to filter by year for a more tailored experience.

🔗 Deployment

Check out the live application here: LeetCode Heatmap 🌐

🔍 Acknowledgments

A special thanks to the following libraries that made this project possible:

📞 Contact

For any inquiries or suggestions, feel free to reach out to me:

Thank you for checking out the LeetCode Heatmap! Happy coding! 🚀