Redesign the TimerModule

ISH-Gruppe / screenario

Screenario - The screen for every scenario

https://screenar.io

GNU General Public License v3.0

2 stars 2 forks source link

Redesign the TimerModule #2

Closed s-gbz closed 2 years ago

s-gbz commented 2 years ago

As stated by the client, our current timer design should be lead by the following requirements:

Have HUGE visibility of the actual timer
Have audio controlls:
- Play/ Pause
- Next/ Previous Song
- Mute/ Adjust volume
Have playlists with different genres

s-gbz commented 2 years ago

PS: I've intentionally named the functionality "TimerModule" instead of just "Timer" to highlight that it's a separate piece of software (I'm aware that React typically doesn't use modules as Angular does). So, consider the name framework-agnostic, but.. don't they call those pieces Components in React..? Damn

liam-k commented 2 years ago

I’d consider this done for now. Switching songs doesn’t exist in my current design, but I’d be interested what the client thinks about this minimalistic implementation before we incorporate that kinda thing.

(volume control slider would be a popup on hover)

s-gbz commented 2 years ago

Looks good! No response regarding our design suggestion so far? Feel free to gently bother Dennis again on their behalf since time is running :smile:

s-gbz commented 2 years ago

PS: I've tried recreating your volume controll design, but used the horizontal instead of the vertical slider for now, because there is significantly less styling friction which saves valuable time (I had tried the original approach, but had to abort since it took me too long). We'll keep an eye on it and adjust this later on!

See 7242ff68a9584bf4e0fafb1f3ee3f7b33b4cc370