Skip to content

NHL team profile dashboard. This app was made using the Next.js. ChakraUI was also used for making UI components and styling. Axios was used for fetching data from the NHL API. Redux is used for managing the client-side app state.

License

Notifications You must be signed in to change notification settings

tchestnut85/nhl-dashboard

Repository files navigation

NHL Dashboard

Github Repo License

Table of Contents

Installation

Node.js needs to be installed on your machine to run this app locally.

  • In your terminal, navigate to the directory where you want to save the project and copy/paste the following:
    • git clone git@github.com:tchestnut85/nhl-dashboard.git
  • Then, run the following commands:
    • cd nhl-dashboard
    • npm install
    • npm run dev
  • In your browser, navigate to http://localhost:3000/ to view to locally running app.

Description

This is an NHL Team Profile dashboard which allows users to view all NHL teams, view a single team's details and roster, and also look at any current player's detailed profile.

This app was made using the React framework Next.js since it allows for easy client-side routing. ChakraUI was also used for making UI components and styling. Axios was used for fetching data from the NHL API. Redux is used for managing the client-side app state.

Technology Used

Next.js React JavaScript Chakra UI Redux Axios Prettier

Screenshots

Home/All Teams Page:

Home/All Teams Page

Single Team Page with Current Roster:

Single Team Page

Single Player Detail Page:

Single Player

Links

License

License
This app is licensed under the MIT license.

About

NHL team profile dashboard. This app was made using the Next.js. ChakraUI was also used for making UI components and styling. Axios was used for fetching data from the NHL API. Redux is used for managing the client-side app state.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published