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

(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

# 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

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)