App features includes displaying weather, temperature, wind and its direction, sunrise, and sunset of a specified pointer on a map that also displays an option to show related news nearby same location.
In order to retrieve the required information for global real time map with markers, we, at first, used the Amazon Location Service
and cloned the provided repository for location service via GitHub and started building our projects with other necessary APIs.
AmazonLocationServiceAPI
: To display real-time map on a website- React.js with Vite
- TailWind CSS
react-hot-toast
to display toast messagesOpenWeatherAPI
: To retrieve data related to the weatherWorldAPI
: To get the latest news of a clicked locationChatBot
: To further assist users for their concerns
Before getting started, ensure that you have the following set up:
- Node.js installed on your machine.
- An AWS account with Amazon Location Service configured.
- Geolocation supports in your browser.
Copy .env.example
to .env
and populate environment variables with the CloudFormation stack
outputs.
Run npm start
to start a local web server on localhost:3000
with this
example and open it in a browser.
To remove all of the resources created in this walkthrough, delete the CloudFormation stack named
react-map-with-markers
.
This library is licensed under the MIT-0 License.