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

Overview

React Distance Calculator

react-distance-calculator

Live Application

Click here to go to the application.

Installation

  1. Clone repository
git clone https://github.com/arturguimaraes/react-distance-calculator.git 
  1. Go to directory
cd react-distance-calculator
  1. Install required libraries
npm i
  1. 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...
Yandex.Maps JS API bindings for React

Yandex.Maps JS API bindings for React

New markers on tap + history, using React Native Maps for study purposes.
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

Rocketsearch.io - A beautiful and clean search engine built using the Google API frame work
Rocketsearch.io - A beautiful and clean search engine built using the Google API frame work

Rocketsearch.io A beautifull and clean psuedo search engine built using the Goog

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

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

A Mapbox GL react native module for creating custom maps
A Mapbox GL react native module for creating custom maps

A Mapbox GL react native module for creating custom maps

🗺 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

Creates data for react-img-mapper from html area maps.
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!

ReactJS Maps without external dependencies

Pigeon Maps - ReactJS maps without external dependencies Demo: https://pigeon-maps.js.org/ (using maps from OSM and Stamen) What is it? Are you tired

Owner
Artur Guimarães
Driven by challenge. Powered by technology.
Artur Guimarães
Project Travel Companion App - Build and Deploy an advanced Travel Companion Application using Google Maps

Travel Advisor Introduction Build and Deploy an advanced Travel Companion Applic

Ashish Choudhary 2 Mar 13, 2022
A declarative React interface to Google Maps

React Google Maps A declarative React interface to Google Maps. Check it out: Example usage API docs What's new Important Notes This is an alpha relea

Pieter Vanderwerff 222 Oct 1, 2022
React.js Google Maps integration component

react-google-maps React.js Google Maps integration component Introduction Installation Usage & Configuration Changelog The changelog is automatically

Tom Chen 4.5k Sep 29, 2022
A Google Maps component for React.js

React Gmaps A Google Maps component for React.js Features Lazy Google Maps loading Easy to use Installation $ npm install react-gmaps --save Demo http

Michele Bertoli 316 Jul 4, 2022
Companion code to the "How to Write a Google Maps React Component" Tutorial

Google Map React Component Tutorial A declarative Google Map React component using React, lazy-loading dependencies, current-location finder and a tes

Fullstack React 1.6k Sep 26, 2022
Simple loader to use google maps services into your react applications

react-google-maps-loader React Component to use google maps services into your react applications using a render prop. Getting started You can downloa

Cédric Delpoux 54 Sep 7, 2022
Integrate Google Maps in React

Integrate Google Maps in React Available Scripts In the project directory, you can run: npm start Runs the app in the development mode. Open http://lo

Akash Kumar Verma 3 Jun 17, 2022
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

Prithvijeet 9 Sep 19, 2022
React component Maps API 2GIS

React component Maps API 2GIS

2GIS 20 Mar 9, 2022
Yandex Maps API bindings for React

Yandex.Maps JS API bindings for React

Sergey 323 Sep 22, 2022