Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/karamanburak/nba-legends-page
This page was created for players who played in the NBA and became hall of fame players.
https://github.com/karamanburak/nba-legends-page
Last synced: 2 days ago
JSON representation
This page was created for players who played in the NBA and became hall of fame players.
- Host: GitHub
- URL: https://github.com/karamanburak/nba-legends-page
- Owner: karamanburak
- License: mit
- Created: 2024-02-28T13:23:58.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-01T16:24:10.000Z (9 months ago)
- Last Synced: 2024-03-02T14:55:29.624Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 28.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NBA Legends App
## 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](./nba-legends.gif)
## 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](data.js), images in [assets](./assets/) folder.
- Step 4: Add project gif to your project and README.md file.