This is a Next.js project bootstrapped with create-next-app.

Getting Started

To get access to the API you would need:

Client ID and Client Secret from https://develop.battle.net/access/clients.

You will need to make an account.

Using your account you can create a Client, that has a Client ID and Client Secret.

Add these to your env file as:

REACT_APP_CLIENT_ID = your_client_id
REACT_APP_CLIENT_SECRET = your_client_secret

Then, using npm

npm i

Run the development server:

npm run dev

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

Project purpose:

The purpose of this application is to display Diablo3's leaderboards on a website to make it easier to view. There are plenty of leaderboards to choose from, by selecting region, season, and leaderboard type from the dropdown menus.

Dynamic rendering

This project uses blizzards api through OAuth and generates details about each player and displays time/date achieved. This projects scope was to have a nonseasonal leaderboard, items, and character, but the main working element is the seasonal leaderboard.