Week 12 is a collaboration with the students of the UX Bootcamp. We got assigned to a designer to build their web app design. Additionally, we have to choose if we want to do styled components or Tailwind CSS. This is the design we got. View it in Figma.
We started off discussing what component we needed and wrote down what we needed and which CSS framework we wanted to go with. We decided on Tailwind because we thought it was not that hard to get into it. After we wrote down all the components in Canvas on Slack, we started working async. We kept the Canvas up to date for the other person and worked in branches.
By this project, we realized that a solid knowledge of Vanilla CSS is important. It will be easier to understand and implement Tailwind.
Because our schedule was different, we both had different progress on our parts. Another problem was that the designer chose to have different breakpoints than we usually have. Therefore, the mobile version starts at 360px. The designer and Web devs were discussing this issue since we required to make it fit from 320px to 1600px.
We must remember that both parties (designer and web developers) are students and still learning. We don't have the full capacity to do what the designer wanted from us. And also the designer hasn't learned all the necessities to be a UX designer. It was important we could communicate clearly what is possible and what is not without changing the design.