Timer - Design #9

New issue

Open

opened 2025-09-24 20:38:47 -06:00 by cnidariaware · 0 comments

cnidariaware commented

2025-09-24 20:38:47 -06:00

Owner

The Problem

Our old countdown timer was written in react, this will no longer work in svelte

Here is how we did this in the past https://ucalgarybaja.ca/aboutus

To Keep in Mind

How does someone interact with your component? Should they feed in html?
How does it take in the final date?
Is there special versions for competition?

Background image?
Video?

The Task

Look at how other teams/companies do countdowns, and how did we do this in the past?

Ask Questions about For Each
- What do you like about the element?
- What would you Change?

Sketch up a design (wireframe) of the roster page
Present to Software team
Use feedback on design and modify design
Present again
Use final round of feedback and modify again

## The Problem Our old countdown timer was written in react, this will no longer work in svelte Here is how we did this in the past [https://ucalgarybaja.ca/aboutus](https://ucalgarybaja.ca/aboutus) ## To Keep in Mind How does someone interact with your component? Should they feed in html? How does it take in the final date? Is there special versions for competition? - Background image? - Video? ## The Task 1. Look at how other teams/companies do countdowns, and how did we do this in the past? - Ask Questions about For Each - What do you like about the element? - What would you Change? 1. Sketch up a design (wireframe) of the roster page 1. Present to Software team 1. Use feedback on design and modify design 1. Present again 1. Use final round of feedback and modify again

Rows
Columns