https://github.com/kelset/reactriot2017-overlooper
Small project created during React Riot
https://github.com/kelset/reactriot2017-overlooper
graphql hackathon react
Last synced: 2 months ago
JSON representation
Small project created during React Riot
- Host: GitHub
- URL: https://github.com/kelset/reactriot2017-overlooper
- Owner: kelset
- Created: 2017-06-23T23:31:37.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-06-25T21:48:42.000Z (almost 8 years ago)
- Last Synced: 2025-03-08T03:26:12.030Z (3 months ago)
- Topics: graphql, hackathon, react
- Language: JavaScript
- Homepage:
- Size: 777 KB
- Stars: 1
- Watchers: 5
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactRiot 2017
## Team Overlooper
Yours truly [@kelset](https://twitter.com/Kelset) and [@erdogmusergun](https://twitter.com/erdogmusergun) are going to delight you all with their amazing coding skills for the next 48 hrs 🤖
## Our purpose
We pursuit 3 main objectives during this hackathon:
1. Having fun 🕺
1. Learning something new 🤓
1. Creating some awesome stuff with ⚛️
## The actual project
The current base idea is a "help people find people for share common interest to participate together to an event" sort of website.
To get an overall understanding, we are currently sort-of using/trying to use:
* [`create-react-app`](https://github.com/facebookincubator/create-react-app) to bootstrap the development 🚀
* [`react-apollo`](https://github.com/apollographql/react-apollo) to communicate with the [`Graphcool`](https://www.graph.cool/) backend 📡
* [`react-modal`](https://github.com/reactjs/react-modal) to add some sweet modals to our site 👻
* [`react-router`](https://github.com/ReactTraining/react-router) to navigate between pages 🛥
* [`react-helmet`](https://github.com/nfl/react-helmet) to easily modify the header ⛑
* [`styled-components`](https://github.com/styled-components/styled-components) to add a consistent UI across the app 💅
And, on the backend, we will probably add this integration:
* [`Auth0`](https://www.graph.cool/docs/reference/integrations/auth0-naed3eecie/)
## How-Tos
### `npm start` or `yarn start`
Runs the app in development mode.
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
You will see the build errors and lint warnings in the console.
### `npm test` or `yarn test`
Runs the test watcher in an interactive mode.
By default, runs tests related to files changed since the last commit.
[Read more about testing.](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#running-tests)
### `npm run build` or `yarn build`
Builds the app for production to the `build` folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
By default, it also [includes a service worker](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#making-a-progressive-web-app) so that your app loads from local cache on future visits.
Your app is ready to be deployed.