Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

Awesome Lists containing this project

README

        

# 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](./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.