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

https://github.com/ibrsec/nba-legends


https://github.com/ibrsec/nba-legends

Last synced: 8 months ago
JSON representation

Awesome Lists containing this project

README

          







Logo

NBA Legends React Project


An awesome NBA Legends React Project
Explore the docs ยป




View Demo
ยท
Report Bug
ยท
Request Feature


๐Ÿ“Ž Table of Contents ๐Ÿ“Ž


  1. About The Project


  2. Overview

  3. Quick Setup

  4. Directory structure

  5. Built With


---


## โ„น๏ธ About The Project

[![nba-legends](./src/img/project.gif)](https://nba-legends-henna.vercel.app/)

(back to top)

---


## ๐Ÿ‘€ Overview

๐Ÿ“ฆ Used mock data for legendds information
๐ŸŽฏ Used React environment, components, use state, use effect, context api hooks. sass, css modules
๐Ÿ’ช Screen and search the Legends on the app

(back to top)


## ๐Ÿ›ซ Quick Setup

```sh
# clone the project
git clone https://github.com/ibrsec/nba-legends.git

# enter the project directory
cd nba-legends

# install dependency
npm install || yarn install

# develop
npm run dev || yarn start
```

(back to top)


## ๐Ÿ“‚ Directory structure

```diff
nba-legends (folder)
|
|---public (folder)
+ |---src (folder)
| |---img (folder)
| |
| |---scss (folder)
| | |---_mixins.scss
| | |---_reset.scss
| | โ””---_variable.scss
| |
| |---helper (folder)
| | โ””---data.jsx
| |
| |---components (folder)
| | |---contex (folder)
| | | โ””---GlobalData.jsx
| | |
| | |---header (folder)
| | | |---Header.jsx
| | | โ””---Header.module.scss
| | |
| | |---search (folder)
| | | |---Search.jsx
| | | โ””---Search.module.scss
| | |
| | โ””---main (folder)
| | |---Content.jsx
| | |---Content.module.scss
| | |---Card.jsx
| | โ””---Card.module.scss
| |
| |
| |---App.js
| |---App.scss
| |---Index.js
| โ””---Index.scss
|
|----index.html
|----package.json
|----yarn.lock
โ””----readme.md
```

(back to top)

---


### ๐Ÿ—๏ธ Built With








(back to top)