Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eduardoboucas/gitemon
👾 Gotta Catch 'Em All!
https://github.com/eduardoboucas/gitemon
functions github netlify pokemon
Last synced: 12 days ago
JSON representation
👾 Gotta Catch 'Em All!
- Host: GitHub
- URL: https://github.com/eduardoboucas/gitemon
- Owner: eduardoboucas
- Created: 2021-02-06T19:23:18.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-05-06T13:21:00.000Z (over 3 years ago)
- Last Synced: 2024-10-04T15:26:12.690Z (about 1 month ago)
- Topics: functions, github, netlify, pokemon
- Language: JavaScript
- Homepage: https://gitemon.netlify.app
- Size: 585 KB
- Stars: 16
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![Gitémon logo](https://raw.githubusercontent.com/eduardoboucas/gitemon/master/public/logo192.png)
# Gitémon
> Gotta Catch 'Em All!
[![Deploy with Netlify button](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/eduardoboucas/gitemon)
This is an experiment using [Create React App](https://reactjs.org/docs/create-a-new-react-app.html) and [Netlify Functions](https://www.netlify.com/products/functions/).
It's a fun little game that gives points to the player for every member of a GitHub organization they can name.
## Development
To run the application locally:
1. Clone this repository
2. Install the dependencies
```sh
yarn
```3. Start the application in development mode
```sh
yarn start
```
## Connecting to GitHubThe application gets its data from the GitHub API. It can do so via unauthenticated requests, but that way you'll hit the rate limits of the API pretty quickly. Alternatively, players can sign in using their GitHub accounts, which offers a much more generous allowance of requests.
This is done using a GitHub app, configuring using the `GITHUB_APP_CLIENT_ID`, `REACT_APP_GITHUB_APP_CLIENT_ID`, and`GITHUB_APP_CLIENT_SECRET` environment variables (`REACT_APP_GITHUB_APP_CLIENT_ID` is the same as `GITHUB_APP_CLIENT_ID`, but it's accessible in the React application).
To run the application locally, you can place these variables in a `.env` file — but make sure not to commit your secrets to a public repository! Alternatively, you can configure the variables on Netlify and run the application using [Netlify Dev](https://www.netlify.com/products/dev/), which will inject the variables for you automatically.