Beginner Web-development Project - Kronos: Timer

This is a beginner project that integrates a clock with a countdown timer.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

This is a beginer project driven by integrating a clock with a countdown timer functionality. The aim is to create a simple, user-friendly interface enabling users to effortlessly add and manage multiple independent countdown timers.

The challenge

Users should be able to:

• Create a clock that shows the current time
• create a countdown Timer feature with the ability to add new timers
• View the optimal layout for the component depending on their device's screen size
• Bonus: See the chat interface animate on the initial load

Screenshot

Links

• Solution URL: Add solution URL here

My process

I initiated the project by designing the UI, focusing on simplicity and user-friendliness. Following that, i refactored the clock project's code to seamlessly integrate the clock feature. Finally, i implemented the countdown component using javascript, ensuring a fully interactive experience.

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Desktop-first workflow
• Javascrip

What I learned

• How to use the Date Methods
• How to Create components using JavaScript

Author

• Name: Shavii