Neighbourhood Map
A react app that displays restaurants in an area.
Tools used
- ReactJS
- react-map-gl
- Material-UI
- Zomato API
File structure
|__ public
|__ src
|__ components
|__ containers
Getting started
- Clone the repo on you local machine
- Node and npm needs to installed if not already
- Get a token key from Mapbox and save it in a variable named
REACT_APP_MAPBOX_ACCESS_TOKEN
in an .env file in the root directory - Get a token key from Zomato and save it in a variable named
REACT_APP_ZOMATO_ACCESS_TOKEN
in an .env file in the root directory - Run
npm install
- Run
npm start
- Go to http://localhost:3000 to view the app
This project was bootstrapped with Create React App.
New
(21)
• Released: Jan 20, 2019, 03:05 PM
Neighbourhood Map
Author: crisner
FREE
A single page map application using React and React-Map-gl. Used Material-UI for React and Zomato's API to gather data. Made the site accessible, responsive and it uses React's service worker for offline availability. size
git clone https://github.com/crisner/neighbourhood-map.git