Skip to content

πŸ€ This page is dedicated to Hall of Fame players who played in the NBA. On this webpage you can search for players and see their statistics.

License

Notifications You must be signed in to change notification settings

karamanburak/nba-legends-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

NBA Legends App

NBA Legends App Live

Description

This project is a Hall of Fame page for NBA players who have left basketball. In this project, you can view some of the NBA players elected to the Hall of Fame and their statistics.

Project Skeleton

02-NBA Legends(folder)
|     
SOLUTION
β”œβ”€β”€ public
β”‚     └── index.html
β”œβ”€β”€ src
β”‚    β”œβ”€β”€ assets
β”‚    β”‚       β”œβ”€β”€ players(img)
β”‚    β”‚       └── team-logo(img)
|    |                 
|    β”œβ”€β”€ nba-logo.png     
|    β”œβ”€β”€ nba-logo2.png
β”‚    β”œβ”€β”€ components
β”‚    β”‚       β”œβ”€β”€ CardContainer.jsx
β”‚    β”‚       β”œβ”€β”€ Header.jsx
β”‚    β”‚       └── PlayerCard.jsx
β”‚    β”œβ”€β”€ helper
β”‚    β”‚       └── data.js
β”‚    β”œβ”€β”€ App.js
β”‚    β”œβ”€β”€ index.js
β”œβ”€β”€ .gitignore
β”œβ”€β”€ LICENSE
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
└── readme.md 

Outcome

Project Snapshot

Objective

Build a NBA Legends App using ReactJS.

At the end of the project, following topics are to be covered;

  • HTML

  • CSS

  • JS

  • ReactJS

Steps to Solution

  • Step 1: Create React App using npx create-react-app nba-legends

  • Step 2: Build NBA Legends app using data.js, images in assets folder.

  • Step 4: Add project gif to your project and README.md file.

About

πŸ€ This page is dedicated to Hall of Fame players who played in the NBA. On this webpage you can search for players and see their statistics.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published