Skip to content

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.

Notifications You must be signed in to change notification settings

crisner/neighbourhood-map

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published