/nhl-dashboard

NHL team profile dashboard. 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.

Primary LanguageJavaScriptMIT LicenseMIT

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.