Where To Go

To find places nearby. Live demo here.

Table of Contents

• General Info
• Technologies Used
• Features
• API Source

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