michaelmvv / cse110-w21-group26 Goto Github PK

• Popup box: See figma
• Pomo time input
• short break input
• long break input
• short pomos per long pomo
• Michael's opinion: for now each time we load the page it should have default values.

for example, you can see our tests https://pomodorotimer.tech/cypress/integration/custom-tests.js

• Open and close settings menu
• Get data from settings menu

Should include stuff like:

• How to get repo
• Running npm install
• What VScode Extensions to install
• Rules on making a new branch
• Style rules
• how to test code with npm test or npx eslint --ext *.js or npx cypress run
• Links to figma stuffs
• Links to ADRs
• Links to the docs
• How to override codefactor if it is being silly

Create the HTML frame for the website. No Javascript, No CSS.

• Title
• Logo
• Count down text
• Buttons: Start, Stop, Reset, Settings
• Buttons? : Pomo, Short Break, Long break

• Diagram
• 2 page status on what works, what doesn't
• Video

• Start Timer
• Count down (numbers should change)
• Reset Timer
• Stop Timer

For each button to test, check if:

1. On button click, is the correct HTML element changed (if applicable)?
2. Does each function call inside functions get called the correct number of times (usually called 0/1 time)?

• Test for Work Button
• Test for Start Button
• Test for Long Break
• Test for Short Break

Make/add a favicon

Create formalized documents

• User Stories
• Images for Design
• Daily Stand-ups
• Videos

• Center Timer text
• Position title text
• Start/Restart and End buttons as seen on figma
• Logo top left
• Settings button top right
• Set up color scheme

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript

• Position settings menu pop up?
• Color scheme
• Button styles (if there are buttons to save setting changes)