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

https://github.com/kooltheba/hooks-github-battle-project

A clone of post-github-battle-react-project refactored to hooks!
https://github.com/kooltheba/hooks-github-battle-project

context-api react react-hooks

Last synced: 3 months ago
JSON representation

A clone of post-github-battle-react-project refactored to hooks!

Awesome Lists containing this project

README

          

# hooks-github-battle-project
🌈 Here's the one-and-only GitHub User's Battle πŸ₯Š made with React πŸ’… hooksπŸͺ




cassidy-williams-with-octocat

πŸ‘‰ BUT NOT ONLY THAT!! Check the most popular πŸ¦„ repos on GitHub of each language πŸ˜› in the POPULAR section




cassidy-williams-with-octocat-squash

# Up and Running! πŸš€

1. **Clone this repository.**

```sh
git clone https://github.com/KoolTheba/post-github-battle-react-project.git
```

2. **Start developing.**

Navigate into your new site’s directory, install dependencies and start it up:

```sh
cd post-github-battle-react-project
npm install
npm run start
```

3. **Running!**

Your site is now running at `http://localhost:3000` πŸš€

# Dependencies
- React
- React Router
- ...and tons of love πŸ’œ

# Deployment
I've deployed my app pretty easily with πŸ’š [Netlify](https://app.netlify.com/)

# Scripts

In the project directory, you can run:

#### `npm start`

Runs the app in the development mode.


Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

# Just wanna play? 🎠

1. Visit the app live πŸ‘‰ https://kooltheba-github-battle-react.netlify.app/
2. Click on Battle and follow the steps
3. ..and see the results of the Github Battle!


Github Battle app

# Wanna check the most popular repos?
1. Visit the app live πŸ‘‰ https://kooltheba-github-battle-react.netlify.app/
2. By default you're on the Popular section
3. Click on you favorite language and enjoy the list of the most popular repos!!


Github Battle app

# What's next
For the next or upcoming releases:
- Add tests
- ....anything that can be make it prettier and cooler! πŸ’