NBA React

Basketball League React Application, displaying Teams, Players, and Game Articles with unique URL Routing Ids.

👁️‍🗨️ Project Preview

Home

Players

Teams

Articles

🗺 URL Tree

├── /                   #Home
├── /players            #Players
├── /players/:playerId  #Player:ID
├── /teams/             #Teams
├── /team/:teamId       #Team:ID
├── /articles/          #Articles
├── /articles/          #Article:ID
└── /*                  #404

🌿 Application Tree

├── README.md
├── package.json
├── 📁 public
│   ├── _redirects
│   └── index.html
├── src
│   ├── 📁 components
│   │   ├── App
│   │   │   └── index.js
│   │   ├── Articles
│   │   │   └── index.js
│   │   ├── Home
│   │   │   └── index.js
│   │   ├── Loading
│   │   │   └── index.js
│   │   ├── NavBar
│   │   │   └── index.js
│   │   ├── Players
│   │   │   ├── components
│   │   │   │   └── Player
│   │   │   │       └── index.js
│   │   │   └── index.js
│   │   ├── Sidebar
│   │   │   └── index.js
│   │   ├── TeamLogo
│   │   │   └── index.js
│   │   ├── TeamPage
│   │   │   ├── components
│   │   │   │   ├── ArticleList
│   │   │   │   │   └── index.js
│   │   │   │   ├── Championships
│   │   │   │   │   └── index.js
│   │   │   │   └── Stats
│   │   │   │       └── index.js
│   │   │   └── index.js
│   │   └── Teams
│   │       ├── components
│   │       │   └── Team
│   │       │       └── index.js
│   │       └── index.js
│   ├── 📁 hooks
│   │   ├── useArticle.js
│   │   ├── useFetch.js
│   │   ├── usePlayers.js
│   │   ├── useTeam.js
│   │   ├── useTeamNames.js
│   │   └── useTeamsArticles.js
│   ├── index.css
│   └── index.js
└── webpack.config.js

⛰️ Roadmap

NBA API Suport nba.com/teams
nba.com/player
nba.com/player/:name

📝 Todos

• Dark / Light Theme
• Fix Route Params
• Favicon
• Upgrade to React 17
• Add Routing Animation