React Distance Calculator - using the Google Maps Javascript API for calculating distance in the input locations.

Artur Guimarães

Last update: Dec 8, 2022

Overview

React Distance Calculator

Live Application

Click here to go to the application.

Installation

Clone repository

git clone https://github.com/arturguimaraes/react-distance-calculator.git

Go to directory

cd react-distance-calculator

Install required libraries

npm i

Start project on http://localhost:3000/

npm start

Introduction

A project made with ReactJS and Typescript, using the Google Maps Javascript API for calculating distance in the input locations.

Features

-- ReactJS -- Typescript -- Sass modules -- Redux -- Bootstrap -- Google Maps Javascript API -- Google Places API

You might also like...

Google-clone - Google Search Clone Built Using React And Tailwind CSS

About The Project A functional replica of Google's search page, you can use it f

9 Sep 19, 2022

New markers on tap + history, using React Native Maps for study purposes.

Mobile challenge New markers on tap + history, using React Native Maps for study purposes. Participants | Rafael Ferreira Techs & Libs React Native St

0 Dec 16, 2021

react-maps - A map component for React

Maps for React A map component for React, the declarative UI library. Allow your React sites to use Google Maps easily. Example In the render-function

44 Feb 17, 2022

React components for Leaflet maps

React Leaflet React components for Leaflet maps. Documentation Getting started API reference Changes See the CHANGELOG file. Contributing See the CONT

4.4k Jan 5, 2023

A Mapbox GL react native module for creating custom maps

1.6k Jan 5, 2023

🗺 A React component for interactive vector maps of the world and 100+ countries

react-vector-maps 🗺️ A React component for interactive vector maps of the world and 100+ countries Features Simple and easy to implement React compon

123 Dec 17, 2022

Creates data for react-img-mapper from html area maps.

Using image map generator can help speed the creation of area tags for images, but unfortunately react-img-mapper accepts its data as array of objects. We convert the data from image map generator to data that can be read by react-img-mapper so that you can spend more time detailing your image area tags and less time converting the data manually!