pomodoro-timer-monther

✧ Name of the project

Pomodoro Timer

✧ Links

• Live link: Here
• App Repo Link on Github:Here
• Figma Design link: Here

✧The App

A Pomodoro timer is a simple application that keeps you focused and productive by scheduling work and break sessions consecutively. Traditionally, you have 25-minute focus sessions followed by five-minute breaks and a longer 15-minute break after four consecutive focus sessions.

✧ Product Main Features:

• Dark Mode
• Responsive Mobile First.

✧User Journey

The User click on start to start his work to 25 min then he take a break 5 min. After 30 min (work an break time) it will be a one cycle, After 4 cycles (2 hours) it will start a 15 min break.

✧User Stories

1. As a User I can start the timer 25 min so that After 25 it will start 5 min to the break, after 4 cycles it will start 15 min ,after that it will be one cycle.
2. As a User I can I can Reset the time so that the time will be 00:00.
3. As a User I can Pause the time so that the time will stop.

✧The wireframe (User Experiance)

✧The Final screen

✧How to install the project to run it locally.

on Github terminal/bash

git clone https://github.com/GSG-FC03/pomodoro-timer-monther.git
cd pomodoro-timer-monther
go live server

✧Technology

• HTML ➙ to build the structure of the pages.
• CSS ➙ to style the application.
• JavaScript ➙ to make the timers.

✧Created by:

1. Monther Alzamli.

✧Mentors

• Sara
• Lina
• Haneen Shahwan