Skip to content

Latest commit

 

History

History
60 lines (43 loc) · 1.53 KB

README.md

File metadata and controls

60 lines (43 loc) · 1.53 KB

Where To Go

To find places nearby. Live demo here.

Table of Contents

General Information

Idea / Motivation

Finding places nearby is one of the best features I rely on in my real life. As I don't have a good sense of direction, it's quite helpful when I know where to go based on my current location. That's why I'd like to build an app which has similar features as the google map app.

Purposes / Intentions

  • To learn how to display the global map in react app
  • To consolidate the usage of redux, useState, useRef
  • To work with API and separate the file for it
  • To become comfortable with styled-components

Technologies Used

react.js

  • react props, useState(), useRef(), react events, useEffect()

redux

  • redux-toolkit

styles

  • styled-components

other libraries

  • axios
  • antd
  • google-map-react

Features

To get the current location and places nearby from API

To find nearby places based on one or more categories

  • Created a popover with pure react to implement above action
  • Can also clicking the category in the list panel to find more related places

To display data on the map and the list simultaneously

  • Showing the corresponding information in the list while clicking the pin on the map

API Source

  • google Map API
  • opentrip