Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/debrajhyper/1clock
1Clock, a sleek clock website featuring customizable digital and analog clocks. Immerse yourself in a 3D globe, effortlessly exploring time zones by clicking on any country. Experience the art of timekeeping with the visually captivating design. Your go-to for an innovative and aesthetic clock experience!
https://github.com/debrajhyper/1clock
3d react-globe reatctjs threejs typescript
Last synced: about 1 month ago
JSON representation
1Clock, a sleek clock website featuring customizable digital and analog clocks. Immerse yourself in a 3D globe, effortlessly exploring time zones by clicking on any country. Experience the art of timekeeping with the visually captivating design. Your go-to for an innovative and aesthetic clock experience!
- Host: GitHub
- URL: https://github.com/debrajhyper/1clock
- Owner: debrajhyper
- License: mit
- Created: 2023-11-20T11:19:42.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-24T11:11:42.000Z (about 1 year ago)
- Last Synced: 2024-11-05T14:12:33.440Z (3 months ago)
- Topics: 3d, react-globe, reatctjs, threejs, typescript
- Language: TypeScript
- Homepage: https://1clock.vercel.app
- Size: 34.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
# 1clock
Your Global Time Hub with 3D Globe Visualization
🌐 Website : [1clock](https://1clock.vercel.app/)
## 📑 About the project
1Clock, a sleek clock website featuring customizable digital and analog clocks.
Immerse yourself in a 3D globe, effortlessly exploring time zones by clicking on any country.
Experience the art of timekeeping with the visually captivating design.
Your go-to for an innovative and aesthetic clock experience!
## ✨ Key Features
**Analog and Digital Clocks:** View the time in your country through a classic analog clock or a modern digital clock.
**Customizable Digital Clock:** Tailor the digital clock to your preference, choosing between AM/PM formats for a personalized timekeeping experience.
**Interactive 3D Globe:** Immerse yourself in a captivating 3D globe, beautifully mapping all countries. Simply click on any country to instantly access its time and explore the various time zones it encompasses.
**Timezone Information:** Gain insights into all time zones associated with a selected country, allowing you to stay connected and informed.
**Glass Morphism Effect:** Enjoy a sleek and modern design with a glass morphism effect, providing an aesthetic appeal to enhance your time-keeping experience.
## 👨🏻💻 Developer's Talk
Developed by Debraj Karmakar
>Just wrapped up 1Clock, a React and three.js project. A compact journey with big learnings. From UI design to clock integration, faced challenges that shaped my skills as a front-end dev. Huge shout out to those who lent a hand. Check out 1Clock, where tech and creativity collide.
## 🚀 Tech Stack
- HTML
- CSS
- Typescript
- React
- Custom Hooks
- Zustand
- Framer Motion
- React Globe GL
## 📃 APIs
[Country Data Map](https://geojson-maps.ash.ms/)
[Country State City Data](https://dr5hn.github.io/countries-states-cities-database/)
## 🏃🏻♂️ Run Locally
Clone the project
```
$git clone https://github.com/debrajhyper/1clock.git
```
Go to the project directory
```
cd 1clock
```
Install dependencies
```
$npm install
```
Start the server
```
$npm start
```