World time clock

This project was bootstrapped with Create React App. It's a lightweight app for checking different timezones.

🚀 Quick start

Clone this repo.

git clone https://github.com/DanMMX/worldtime.git

Start developing.

Navigate into your new site’s directory and start it up.

Configure and deploy the serverless api
```
  cd api
  serverless deploy
```
Configure and run the front end app
```
cd worldtime/
cp .env.template .env
# modify that new .env file with the recently deployed API
npm i
npm start
```
You'll get your preferred browser opened with the live app

This project depends of 1 environment variable sent to the serverless API through the dashboard:
- GOOGLE_MAPS_API_KEY: Get a Google API key with /geocode and /timezone endpoints permissions

Search for your preferred locations to see them on the list 🔎
Remove the desired locations with the trash icon at the left of each row 🗑️
Use the ruler to check equivalents in time while aligning other times 📏
Drag and drop to rearrange locations 🏎️
Use it as a PWA and save it to your phone 🎮
It automatically caches your search, so whenever you open the app/website you'll see your previous searches 💾

Tests: Most of the components are tested, however the coverage is about 40% which can be improved.
Location could be detected so the home location would appear instantly and automatically as first picked location (Home).
Rearrangement with drag and drop for the locations.