https://github.com/drochag/worldtime
World clock and timezone converter
https://github.com/drochag/worldtime
timezones
Last synced: 7 months ago
JSON representation
World clock and timezone converter
- Host: GitHub
- URL: https://github.com/drochag/worldtime
- Owner: drochag
- Created: 2020-06-20T23:07:44.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-05-01T18:35:52.000Z (over 1 year ago)
- Last Synced: 2025-02-28T10:04:22.823Z (7 months ago)
- Topics: timezones
- Language: TypeScript
- Homepage: https://worldtimeclock.app/
- Size: 8.56 MB
- Stars: 5
- Watchers: 1
- Forks: 2
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
World time clock
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). It's a lightweight app for checking different timezones.
## 🚀 Quick start
1. **Clone this repo.**
```shell
git clone https://github.com/DanMMX/worldtime.git
```
1. **Start developing.**
Navigate into your new site’s directory and start it up.
Configure and deploy the serverless api
```shell
cd api
serverless deploy
```
Configure and run the front end app
```shell
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 🔎
1. Remove the desired locations with the trash icon at the left of each row 🗑️
1. Use the ruler to check equivalents in time while aligning other times 📏
1. Drag and drop to rearrange locations 🏎️
1. Use it as a PWA and save it to your phone 🎮
1. 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.
1. Location could be detected so the home location would appear instantly and automatically as first picked location (Home).
1. Rearrangement with drag and drop for the locations.