Skip to content

SlyTy7/clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🕒 Digital Clock

A minimalist digital clock built with vanilla JavaScript, HTML, and CSS. This project demonstrates how to create a real-time updating clock without relying on external libraries or frameworks.

🔗 Live Demo: slyty7.github.io/clock


📸 Preview

Digital Clock Screenshot


📂 Project Structure

clock/ ├── css/ │ └── styles.css ├── fonts/ │ └── [font files] ├── img/ │ └── clock-preview.png ├── javascript/ │ └── script.js ├── index.html └── README.md 
  • css/: Contains the styling for the clock interface.
  • fonts/: Houses custom fonts used in the project.
  • img/: Includes images like the project preview.
  • javascript/: Contains the logic for time calculation and DOM manipulation.
  • index.html: The main HTML file that structures the webpage.

🚀 Getting Started

To run the clock locally:

  1. Clone the repository:

    git clone https://github.com/SlyTy7/clock.git
  2. Navigate to the project directory:

    cd clock
  3. Open index.html in your preferred web browser.

    You can simply double-click the index.html file or use a live server extension if you're using a code editor like VS Code.


🛠 Features

  • Real-Time Display: Updates every second to show the current time.
  • Responsive Design: Adapts to various screen sizes for optimal viewing.
  • Clean UI: Simple and elegant interface without unnecessary clutter.

📚 Technologies Used

  • HTML5: For structuring the webpage.
  • CSS3: For styling and layout.
  • JavaScript (ES6): For dynamic time functionality.

🤝 Contributing

Contributions are welcome! To contribute:

  1. Fork the repository.
  2. Create a new branch:
    git checkout -b feature/YourFeature
  3. Commit your changes:
    git commit -m "Add YourFeature"
  4. Push to the branch:
    git push origin feature/YourFeature
  5. Open a pull request.

📄 License

This project is licensed under the MIT License.


🙋‍♂️ Author

Tyler West
Front End Web Developer based in San Francisco, CA.
GitHub: @SlyTy7

About

A minimalist digital clock built with vanilla JavaScript, HTML, and CSS.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published