https://github.com/p0u4a/leet-track

Web app for tracking and visualising LeetCode progress.
https://github.com/p0u4a/leet-track

data-visualization leetcode leetcode-stats web-app

Last synced: 9 days ago
JSON representation

Web app for tracking and visualising LeetCode progress.

• Host: GitHub
• URL: https://github.com/p0u4a/leet-track
• Owner: P0u4a
• Created: 2023-10-06T07:17:10.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-13T06:43:55.000Z (8 months ago)
• Last Synced: 2024-04-13T20:56:11.576Z (8 months ago)
• Topics: data-visualization, leetcode, leetcode-stats, web-app
• Language: TypeScript
• Homepage: https://leettrack.vercel.app
• Size: 366 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## LeetTrack Web App 📈

Record, track, and visualise your Leetcode progress with a single click. 

## Preview

![table](https://github.com/P0u4a/leetcode-tracker-web/assets/66873325/3b3f8d62-0bcc-472e-8e09-52eab50bc15b)

![time graph](https://github.com/P0u4a/leetcode-tracker-web/assets/66873325/b1048646-fb81-4fb1-8830-2b03758e3e8e)

![difficulty ratios](https://github.com/P0u4a/leetcode-tracker-web/assets/66873325/12b0fb3f-a243-4616-b7d6-d05ff0f0f1af)

![topic counts](https://github.com/P0u4a/leetcode-tracker-web/assets/66873325/053647db-017c-4a7a-a53f-c9cd60047d51)

## Running Locally

### Installation

1. Clone the repository with `git clone https://github.com/P0u4a/leetcode-tracker-web.git`

2. Run `pnpm install` to install dependencies

3. Create a `.env.local` file in the project root

### Database

On [Turso](https://turso.tech/) create a new database, note down the connection url of your new DB. Make sure you also have the Turso CLI installed. Then run `turso auth token` to get your auth token for connecting to the DB. Copy your `TURSO_AUTH_TOKEN` and `TURSO_CONNECTION_URL` values into your `.env.local` file.

Run `pnpm run db:generate` to generate your SQL files from the drizzle schema. Then run `pnpm run db:push` to push the changes into your Turso database. You can customise these commands inside `package.json`.

### Authentication

On [Clerk](https://clerk.com/) create a new application, and enable the GitHub OAuth provider. You will also have to go into your GitHub account and create the necessary `GITHUB_CLIENT_ID` and `GITHUB_CLIENT_SECRET` files. Instructions can be found [here](https://clerk.com/docs/authentication/social-connections/github). You should also set the following environment variables to the respective route you want to redirect the user to:

- `NEXT_PUBLIC_CLERK_SIGN_IN_URL`

- `NEXT_PUBLIC_CLERK_SIGN_UP_URL`

- `NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL`

- `NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL`

More information about these environment variables can be found [here](https://clerk.com/docs/deployments/clerk-environment-variables#sign-in-and-sign-up-redirects).

To sync your database with Clerk's user database, create a **webhook** inside your Clerk dashboard, and add the `WEBHOOK_SECRET` into your `.env.local`. Further instructions on how to setup the webhook can be found [here](https://clerk.com/docs/users/sync-data).

### Running

Run `pnpm run dev` to start the project in dev mode.