Skip to content

This project showcases a blend of classic analog design with modern digital elements.

Notifications You must be signed in to change notification settings

StarKnightt/Analog-Clock-React.js-

Repository files navigation

React Clock App

A modern, interactive clock application built with React and CSS.

🕰️ Features

  • Analog clock face with hour, minute, and second hands
  • Digital time display
  • Colorful hour markers
  • Smooth animations
  • Responsive design

🚀 Demo

[https://analogklock.vercel.app/]

🛠️ Technologies Used

  • React
  • CSS
  • JavaScript

📦 Installation

To run this project locally:

1. Clone the repository: https://github.com/StarKnightt/Analog-Clock-React.js-.git 

2. Navigate to the project directory: ` cd reactclock `

3. Install dependencies: `npm install`

4. Start the development server: `npm start`

  1. Open http://localhost:3000 to view it in the browser.

🖼️ Screenshots

🧠 What I Learned

  • Deepened my understanding of React hooks, particularly useEffect
  • Advanced CSS techniques for creating circular layouts
  • JavaScript Date object manipulation
  • Combining functional and aesthetic elements in web design

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check [issues page](add link to your issues page).

👨‍💻 Author

StarKnightt

🌟 Show your support

Give a ⭐️ if you like this project!

About

This project showcases a blend of classic analog design with modern digital elements.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published