Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/moisestech/nba-react

Basketball League React Application
https://github.com/moisestech/nba-react

Last synced: 4 months ago
JSON representation

Basketball League React Application

Host: GitHub
URL: https://github.com/moisestech/nba-react
Owner: moisestech
Created: 2020-08-28T12:13:00.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2020-12-27T17:10:59.000Z (about 4 years ago)
Last Synced: 2024-08-01T13:34:59.867Z (7 months ago)
Language: JavaScript
Size: 1.47 MB
Stars: 2
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

[![Netlify Status](https://api.netlify.com/api/v1/badges/47004bd3-e920-4e18-a795-e4f79f4e0fd0/deploy-status)](https://app.netlify.com/sites/nba-react/deploys)

# NBA React

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

## 👁️‍🗨️ Project Preview

[Home](https://raw.githubusercontent.com/moisestech/nba-react/master/public/assets/nba_react_router_1.png)
![](https://user-images.githubusercontent.com/2933430/82761753-f994a380-9db9-11ea-98af-922c37266d46.png)

[Players](https://raw.githubusercontent.com/moisestech/nba-react/master/public/assets/nba_react_router_2.png)
![](https://user-images.githubusercontent.com/2933430/82761748-f7cae000-9db9-11ea-9cce-8e6ab5dcc2c7.png)

[Teams](https://raw.githubusercontent.com/moisestech/nba-react/master/public/assets/nba_react_router_3.png)
![](https://user-images.githubusercontent.com/2933430/82761747-f699b300-9db9-11ea-9e59-a79c65fd6536.png)

[Articles](https://raw.githubusercontent.com/moisestech/nba-react/master/public/assets/nba_react_router_4.png)
![](https://user-images.githubusercontent.com/2933430/82761744-f39ec280-9db9-11ea-954d-33feb6bfc706.png)

## 🗺 URL Tree

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

## 🌿 Application Tree

```bash
├── 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](https://www.nba.com/teams)
[nba.com/player](https://www.nba.com/players)
[nba.com/player/:name](https://www.nba.com/players/)

## 📝 Todos

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