|
1 |
| -# 1Clock fuses analog & digital timekeeping seamlessly. A stunning glassmorphic design showcases the elegance of the analog clock's hour, minute, and second hands. The digital display provides periods indications to keep you on schedule. An immersive time-telling experience combining classical and contemporary design makes 1Clock more than just a clock. |
2 |
| - |
3 |
| - |
4 |
| -[] 1. instant clock time change when timezone switches. |
5 |
| -[] 2. if any delay in changing the timezone useState then show the loader. |
6 |
| -[] 3. add framer motion between |
7 |
| - [] 1. analog to digital transition |
8 |
| - [] 2. circle & triangle color change |
9 |
| - [] 3. animation on earth rotation |
10 |
| - |
11 |
| -Country data map: https://geojson-maps.ash.ms/ |
12 |
| -country-state-city data: https://dr5hn.github.io/countries-states-cities-database/ |
13 |
| - |
14 |
| -Certainly! These commit types follow the conventional commit specification, often used with tools like semantic versioning and release management. Here's an explanation of each common commit type in terms of Git commits: |
15 |
| - |
16 |
| -build: Changes that affect the build system or external dependencies (e.g., npm, make). |
17 |
| - |
18 |
| -bash |
19 |
| -Copy code |
20 |
| -git commit -m "build: update build configuration" |
21 |
| -chore: Routine tasks, maintenance, or housekeeping chores that are not related to the production code (e.g., updating tasks, tools). |
22 |
| - |
23 |
| -bash |
24 |
| -Copy code |
25 |
| -git commit -m "chore: clean up unused files" |
26 |
| -ci: Changes to the continuous integration (CI) configuration and scripts. |
27 |
| - |
28 |
| -bash |
29 |
| -Copy code |
30 |
| -git commit -m "ci: configure Travis CI for automated builds" |
31 |
| -docs: Documentation changes, including both code comments and documentation files. |
32 |
| - |
33 |
| -bash |
34 |
| -Copy code |
35 |
| -git commit -m "docs: update README with usage instructions" |
36 |
| -feat: A new feature introduced to the codebase. |
37 |
| - |
38 |
| -bash |
39 |
| -Copy code |
40 |
| -git commit -m "feat: add user authentication feature" |
41 |
| -fix: A bug fix in the code. |
42 |
| - |
43 |
| -bash |
44 |
| -Copy code |
45 |
| -git commit -m "fix: resolve issue with user login" |
46 |
| -perf: Performance improvements or optimizations in the code. |
47 |
| - |
48 |
| -bash |
49 |
| -Copy code |
50 |
| -git commit -m "perf: optimize rendering for faster page loads" |
51 |
| -refactor: Code changes that neither fix a bug nor add a feature, typically restructuring or cleaning up code. |
52 |
| - |
53 |
| -bash |
54 |
| -Copy code |
55 |
| -git commit -m "refactor: simplify function implementation" |
56 |
| -revert: Reverting a previous commit. |
57 |
| - |
58 |
| -bash |
59 |
| -Copy code |
60 |
| -git commit -m "revert: revert changes made in commit abc123" |
61 |
| -style: Code style changes (e.g., formatting, indentation) that do not affect the logic. |
62 |
| - |
63 |
| -bash |
64 |
| -Copy code |
65 |
| -git commit -m "style: format code according to style guide" |
66 |
| -test: Adding or modifying tests. |
67 |
| - |
68 |
| -bash |
69 |
| -Copy code |
70 |
| -git commit -m "test: add unit tests for authentication module" |
| 1 | +# 1clock |
| 2 | + |
| 3 | +Your Global Time Hub with 3D Globe Visualization |
| 4 | + |
| 5 | +🌐 Website : [1clock](https://1clock.vercel.app/) |
| 6 | + |
| 7 | + |
| 8 | +<br/> |
| 9 | + |
| 10 | +## 📑 About the project |
| 11 | + 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! |
| 12 | + |
| 13 | +## ✨ Key Features |
| 14 | + |
| 15 | +**Analog and Digital Clocks:** View the time in your country through a classic analog clock or a modern digital clock. |
| 16 | + |
| 17 | +**Customizable Digital Clock:** Tailor the digital clock to your preference, choosing between AM/PM formats for a personalized timekeeping experience. |
| 18 | + |
| 19 | +**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. |
| 20 | + |
| 21 | +**Timezone Information:** Gain insights into all time zones associated with a selected country, allowing you to stay connected and informed. |
| 22 | + |
| 23 | +**Glass Morphism Effect:** Enjoy a sleek and modern design with a glass morphism effect, providing an aesthetic appeal to enhance your time-keeping experience. |
| 24 | + |
| 25 | +## 👨🏻💻 Developer's Talk |
| 26 | +Developed by <a href="https://github.com/debrajhyper">Debraj Karmakar</a> |
| 27 | +<span style="display:inline-flex; justify-content:space-evenly; width:20%;"> |
| 28 | +<a href="https://twitter.com/debraj_010"> |
| 29 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/twitter/twitter-original.svg" width="20px"/> |
| 30 | +</a> |
| 31 | +<a href="https://linkedin.com/in/debraj-karmakar-275570199"> |
| 32 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linkedin/linkedin-original.svg" width="20px"/> |
| 33 | +</a> |
| 34 | +<a href="https://fb.com/debraj.karmakar.923"> |
| 35 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/facebook/facebook-original.svg" width="20px"/> |
| 36 | +</a> |
| 37 | +<a href="https://www.behance.net/debrajkarmakar"> |
| 38 | + <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/behance/behance-original.svg" width="20px"> |
| 39 | +</a> |
| 40 | +</span> |
| 41 | + |
| 42 | +>Just wrapped up <a href="https://1clock.vercel.app/">1Clock</a>, 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. |
| 43 | +
|
| 44 | +<br/> |
| 45 | + |
| 46 | +## 🚀 Tech Stack |
| 47 | + |
| 48 | +- HTML |
| 49 | +- CSS |
| 50 | +- Typescript |
| 51 | +- React |
| 52 | +- Custom Hooks |
| 53 | +- Zustand |
| 54 | +- Framer Motion |
| 55 | +- React Globe GL |
| 56 | + |
| 57 | +## 📃 APIs |
| 58 | + |
| 59 | +[Country Data Map](https://geojson-maps.ash.ms/) |
| 60 | + |
| 61 | +[Country State City Data](https://dr5hn.github.io/countries-states-cities-database/) |
| 62 | + |
| 63 | +<br/> |
| 64 | + |
| 65 | +## 🏃🏻♂️ Run Locally |
| 66 | + |
| 67 | +Clone the project |
| 68 | +``` |
| 69 | + $git clone https://github.com/debrajhyper/1clock.git |
| 70 | +``` |
| 71 | + |
| 72 | +Go to the project directory |
| 73 | +``` |
| 74 | + cd 1clock |
| 75 | +``` |
| 76 | + |
| 77 | +Install dependencies |
| 78 | +``` |
| 79 | + $npm install |
| 80 | +``` |
| 81 | + |
| 82 | +Start the server |
| 83 | +``` |
| 84 | + $npm start |
| 85 | +``` |
| 86 | + |
| 87 | +<br/> |
0 commit comments