Skip to content

AE-Hertz/digitalClock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⏰ Digital Clock with Anime.js Sphere Animation

Project Preview

A modern and sleek digital clock built with React Vite and animated using Anime.js. The clock displays the current time along with the user's timezone and is accompanied by a captivating sphere animation in the background.

🚀 Live Demo

Check out the live version of the project here on Vercel.

🛠️ Technologies Used

  • React Vite: For building the fast and responsive UI.
  • Anime.js: For creating the smooth and visually appealing sphere animation.
  • Vercel: For deploying the project effortlessly.

🌟 Features

  • Real-time Clock: Displays the current time, automatically updating every second.
  • Timezone Detection: Automatically detects and displays the user's timezone.
  • Sphere Animation: An animated sphere in the background adds a dynamic and modern touch to the clock.
  • Responsive Design: Ensures a consistent experience across devices.

📸 Screenshots

Clock Display The digital clock in action.

📦 Installation

Clone the repository and install the dependencies to get started:

gh repo clone AE-Hertz/digitalClock
cd digitalClock
npm install
npm run dev

🚀 Deployment

The project is deployed on Vercel. Follow these steps to deploy your own version:

  1. Fork the repository.
  2. Connect it to your Vercel account.
  3. Deploy using the "Deploy" button on Vercel's dashboard.

👨‍💻 Author

Drop a follow :) - GitHub

🤝 Contributing

Feel free to fork the project and submit pull requests. Any contributions are welcome!

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


About

⏰ Digital Clock with Anime.js Sphere Animation

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published