README.md

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

├── /                          #Home
├── /battle                    #Battle
└── /*                         #404

🌿 Application Tree

├── 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.