leetcode-stats
leetcode-stats copied to clipboard
API for generating an aesthetic display badge for your LeetCode profile statistics
leetcode-stats
The API for generating an aesthetic display badge for your LeetCode profile statistics
Check it out here!
Backend Repo is here.
How to use?
Simply copy the following markdown and replace <USERNAME>
and <THEME>
with your username and chosen theme.
[](https://github.com/JeremyTsaii/leetcode-stats)
Alternatively, go to the web app here, type in your username and select your theme, then click "Generate". You can copy the Image URL or Markdown from there.
For the raw SVG, hit the endpoint below (replacing <USERNAME>
and <THEME>
)
Invoke URL: https://leetcode-stats.vercel.app/api?username<USERNAME>&theme=<THEME>
Possible Themes (more on the way!)
- Light (default)
- Dark
Example Displays
Light Mode:
[](https://github.com/JeremyTsaii/leetcode-stats)
Dark Mode:
[](https://github.com/JeremyTsaii/leetcode-stats)
What is the development workflow?
First clone the repository onto your local machine. You can then run the following commands:
npm install
Install all of the depedencies.
npm run start
Runs the app in the development mode with live updates.
Open http://localhost:3000 to view it in the browser.
npm run format:fix
Formats the files with Prettier.
npm run lint:fix
Lints the files with ESLint.
npm run test
Runs the test suite. Make sure that all tests pass before committing/pushing!