Create responsive design for the app

[agatakrawczyk]

Overview:

• log in / sign up / reset password templates
• applicants registration form
• coaches registration form
• alerts
• error messages

Admin dashboard:

• events table
• users table
• list of applicants
• list of attendees
• list of coaches
• event form

Coach dashboard

• workshops table

• profile

• create prototype design in Adobe XD

• provide a link

[agatakrawczyk]

Here are the notes from the last brainstorming session about redesigning the app:

NAVIGATION BAR

• sign in/register || for coaches (and applicants in the future?)
• (?) sign in || for admins
• Hi @username || admin and coach profile
• events

FOOTER:

• logos and other important information

TEMPLATES:

• sign in / sign up

EVENT TEMPLATE / FORM

• proper input/clock for event || start, end, calendar

ADMIN PANEL:

EVENTS TABLE:

• event name as a link to the event view
• move edit/delete buttons to event view
• add applications starts/end dates (the most important dates for organization)
• new event => add alert "event sucessfully created"

USERS TABLE:

• rename Users to Admins & Coaches (?)
• try to separate Admins & Coaches (make a new table only for coaches on the new page/ down on the same => play around)
• add alert "are you sure you want to blacklist the coach"
• add alert "are you sure you want to remove admin rights"
• add alert "are you sure you want to give admin rights"

APPLICATIONS TABLE

• goal to make it smaller => we should change the fontsize & play around
• scrolling option for long comments (comments field)
• rearange buttons / infos || download csv table, send emails, coutng system

ATTENDEES & COACHES TABLE :

• redesign table

COACH PANEL

• overlay popup for past events, not a link to a new page
• logged in as... => Hi @username in the navbar
• style template after sending application for the event

OPTIONS:
css grid || https://css-tricks.com/snippets/css/complete-guide-grid/
ui semantics || https://semantic-ui.com
tailwind css || https://tailwindcss.com/
tachyos || https://tachyons.io/