Skip to content

SeijDeLeon/Geolocation-Click-Counter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Click Counter with Geolocation

sample of website with map

About The Project

As part of a 5 part application process for an internship (yes 5 rounds...) the first round required creating a click counter. The requirements were that everytime a button was clicked the number counter would increment. In addition, all previous clicks must be remembered so page refresh does not clear the count back to zero. As extra credit, you could also show where people are who have clicked the button.

This ultimately requires a website to host the application, a server to remember clicks, and optionally some APIs that would determine you coordinates on Earth.

Built With

For this mini-project I wanted a quick and simple way to deploy everything to a live webpage, and knew that I would eventually discontinue it once the review process had ended. I used AWS Amplify to provide all the hosting and deployment with just a few simple CLI commands. This allowed me to spend more time on the project and less on the hosting setup.

React is the primary framework, along with a GraphQL server that is easily automated via Amplify. Determining a visitor's location required a free API key to a service called ipgeolocation.io. With coordinates from ipgeolocation, markers were placed onto a map using create-react-map and a free map tile from https://github.com/deldersveld/topojson.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published