BitBadges Frontend

Welcome to the BitBadges frontend! This is a Next.js project bootstrapped with create-next-app and the Blockin quickstart repo. For the UI, this repo uses Ant Design and Tailwind CSS.

Check this frontend out in production at bitbadges.io.

This frontend communicates with the BitBadges blockchain via the BitBadges Indexer and BitBadgesJS / BitBadges SDK. You can find the indexer repo here and the BitBadgesJS / BitBadges SDK repo here. See the BitBadges documentation for more information and tutorials here.

Getting Started

First, you will need to create a .env file. You can get a BitBadges API key from https://bitbadges.io/developer.

# .env file for using the production backend / API
BITBADGES_API_KEY="your_api_key_here"

# .env file for using a local backend / API (see the BitBadges Indexer repo for more information)
BACKEND_PORT=":3001"
BITBADGES_API_KEY="your_api_key_here"

Second, run the development server:

```bash
npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the pages by modifying pages/index.tsx. The page auto-updates as you edit the file.

For a production build, run

npm run build

and

npm run start

Learn More About Next.js

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!