/id-generator

ID Badge Generator for Google Developer Student Clubs - USLS

Primary LanguageTypeScriptMIT LicenseMIT

About

An open-source project of Google Developer Student Clubs - USLS that generates an ID badge for the official club members with their corresponding position.

Preview

 

Tech Stack

  • Next.js
  • Firebase
  • TypeScript
  • Tailwind CSS

Contributing

If you like this project, consider giving it a star! Want to contribute? See CODE_OF_CONDUCT.md

  1. Fork this repository and clone your fork.
  2. Create a new branch for your changes:
$ cd your_cloned_fork
$ git checkout dev
$ git checkout -b my-new-branch

  1. Create a Firebase project & add a Web app.

  2. Create a .env.local file with this content:

Replace VALUE with your Firebase config.

NEXT_PUBLIC_API_KEY=VALUE
NEXT_PUBLIC_AUTH_DOMAIN=VALUE
NEXT_PUBLIC_PROJECT_ID=VALUE
NEXT_PUBLIC_STORAGE_BUCKET=VALUE
NEXT_PUBLIC_MESSAGING_SENDER_ID=VALUE
NEXT_PUBLIC_APP_ID=VALUE
NEXT_PUBLIC_MEASUREMENT_ID=VALUE

NEXT_PUBLIC_PASSWORD=123456
  1. To run locally:
# Only use yarn as your package manager

$ yarn # install dependencies
$ yarn dev # start local server

  1. Visit /manage to add data & use NEXT_PUBLIC_PASSWORD to authenticate.

  2. Commit your changes and push your branch:

$ git add .
$ git commit -m "chore: some changes"
$ git push origin HEAD
  1. Submit a pull request on the dev branch. (resolve conflicts if present)

License

Licensed under the MIT license.