DarkFalc0n / stackoverflow-card-generator

A simple Stack-overflow Card generator that shows your profile info by fetching those with Stackoverflow API.

Home Page:https://stackoverflow-card-generator.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Stackoverflow Card generator

Introduction:

As the name suggests, it's a simple Stackoverflow card generator that uses Stackoverflow API to fetch profile details and present those details in form of a card.

See it in action here: https://stackoverflow-card-generator.vercel.app/

Details shown on the Card includes

  • Profile Display Name
  • Profile Picture
  • Stackoverflow Reputation
  • No. of Gold, Silver and Bronze badges.

Technologies used:

  • NextJS
  • Stackoverflow API
  • TailwindCSS

System Requirements:

  • Node-v14.18.1 or Later
  • Yarn-v1.22.17

Setup on your Local:

  1. Clone the repository using command: https://github.com/akshaykhale1992/stackoverflow-card-generator.git

  2. Install Dependencies using yarn

  3. Run yarn dev to start the development server.

  4. Visit http://localhost:3000/ to see it in Action.

Todo:

  1. Code Cleanup and optimization
  2. Theming option.
  3. More details to the Card.
  4. Way to export the Card as an Image.
  5. Option to Embed the card to the GitHub Profile Readme.md file

Contributing

There are following options to contribute to this project.

  • Add a New feature and raise a Pull Request.
  • Pick up any issue from issues List
  • Raise a feature request or issue in the Github issues.
  • Feel free to fork and create a new project with new features.

About

A simple Stack-overflow Card generator that shows your profile info by fetching those with Stackoverflow API.

https://stackoverflow-card-generator.vercel.app/

License:MIT License


Languages

Language:JavaScript 77.1%Language:CSS 22.9%