A React-based frontend for the Bar.io app. Bar.io was built under two weeks as the final software engineering project for Makers Academy in London.
To learn more about the idea behind Bar.io and how it works, you can view our Final Presentation.
Logo | Tool | Use | Where is it used? |
---|---|---|---|
ReactJS | ReactJS is a front-end JavaScript library for building user interfaces based on UI components. | Frontend built using ReactJS. | |
Node | NodeJS is a back-end JavaScript runtime environment | Backend Repo | |
ExpressJS | ExpressJS is a fast, unopinionated, minimalist web framework for Node.js | Backend Repo | |
MUI | MaterialUI is a React component library. | Components on Frontend. | |
Heroku | Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud. | Live deployment. |
- Register for free here.
- Required APIs to enable:
- Geocoding
- Places
- Maps JavaScript API
In a .env file:
- REACT_APP_PLACES_API_KEY=[GOOGLE_CLOUD_API_KEY]
- REACT_APP_TEST_API_POST_URL=(Link to backend server using /bars endpoint)
- REACT_APP_DIR_URL=https://www.google.com/maps/dir/?api=1&destination=
Clone this repository. Then:
> npm install
> npm start
Runs the app in development mode.
Open http://localhost:3000 to view.