Neighbourhood Map

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
Item was Featured Author was Featured
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