Skip to content

moisestech/react-github-battle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netlify Status

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.

About

Github Battle ReactJS App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published