Worldtime

<h1 align="center"> World time clock </h1>

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

🚀 Quick start

1. Clone this repo.

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

2. 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

🧐 What's inside?

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

📝 TODO

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