DEV Community

Cover image for Writing Scrum Toolkit #1 - Initial design
Meat Boy
Meat Boy

Posted on • Updated on

 

Writing Scrum Toolkit #1 - Initial design

The last few weeks after my main job I have been working with a friend on various topics related to our upcoming scrum toolkit. My friend was responsible for the design, and because he is mastering Figma, he made several screens with propositions of what it may look like.

A few first designs looked too similar in my opinion to other great, already existing tools on the market so we pivot design from classic, corporational blue-navbar-container-footer design to a more funky one.

Our main colour is going to be sea green. Participants of the events are going to have colourful avatars (from open source sensa emoji pack) that are going to be animated.

Image description

Also, I don't like the idea of navbars, because they are taking too much space - so after discussion with a friend, he moved the settings and other important but non-crucial elements to the hidden sidebar.

Currently, our app looks following:

Image description

Top comments (0)

typescript

11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!