https://github.com/moisestech/react-github-battle
Github Battle ReactJS App
https://github.com/moisestech/react-github-battle
Last synced: 11 months ago
JSON representation
Github Battle ReactJS App
- Host: GitHub
- URL: https://github.com/moisestech/react-github-battle
- Owner: moisestech
- Created: 2020-07-30T13:39:50.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-05-01T11:40:21.000Z (about 5 years ago)
- Last Synced: 2025-04-09T19:51:38.960Z (about 1 year ago)
- Language: JavaScript
- Size: 3.18 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/github-battle-js/deploys)
# Github Battle
## **GithubAPI Profile competition app**
## ⚙ Features
- React 17
- React Router v5
- React Hooks
- ES8
- PropTypes
- Light/Dark Theme
## 👁️🗨️ Project Preview
| Light Mode | Dark Mode |
| :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
|    |    |
## 🗺 URL Tree
```bash
├── / #Home
├── /battle #Battle
└── /* #404
```
## 🌿 Application Tree
```bash
├── README.md
├── package.json
├── public
│ ├── _redirects
│ ├── assets
│ │ ├── github-battle-1.png
│ │ ├── github-battle-2.png
│ │ ├── github-battle-3.png
│ │ ├── github-battle-4.png
│ │ ├── github-battle-5.png
│ │ ├── github-battle-6.png
│ │ └── github-battle_logo.png
│ └── index.html
├── src
│ ├── components
│ │ ├── Card
│ │ │ ├── card.css
│ │ │ └── index.js
│ │ ├── Loading
│ │ │ └── index.js
│ │ ├── Nav
│ │ │ ├── index.js
│ │ │ └── nav.css
│ │ └── Tooltip
│ │ └── index.js
│ ├── contexts
│ │ └── theme.js
│ ├── hooks
│ │ └── useHover.js
│ ├── index.css
│ ├── index.js
│ ├── pages
│ │ ├── Battle
│ │ │ ├── battle.css
│ │ │ ├── components
│ │ │ │ ├── Instructions
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── instructions.css
│ │ │ │ ├── PlayerInput
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── player-input.css
│ │ │ │ └── PlayerPreview
│ │ │ │ ├── index.js
│ │ │ │ └── player-preview.css
│ │ │ └── index.js
│ │ ├── Popular
│ │ │ ├── components
│ │ │ │ ├── LanguagesNav
│ │ │ │ │ ├── index.js
│ │ │ │ │ └── languages-nav.css
│ │ │ │ └── ReposGrid
│ │ │ │ ├── index.js
│ │ │ │ └── repos-grid.css
│ │ │ ├── index.js
│ │ │ └── popular.css
│ │ └── Results
│ │ ├── components
│ │ │ └── ProfileList
│ │ │ ├── index.js
│ │ │ └── profile-list.css
│ │ ├── index.js
│ │ └── results.css
│ └── utils
│ └── api.js
└── webpack.config.js
```
## ⛰️ Roadmap
- Mobile version
## 📝 Todos
- Re-factor large components.
- Re-structure folders.
- Re-write in Typescript.
- Refactor in styled components.
- Handle input undefined username.
- Add Better preview images (larger, animated).
- Rename public assets for context.
- Add Favicon.