All solutions

I've reused the design on the sidebar for smaller screen as well just filling the entire available space and used some MuiMaterial components and icons. Also, I've developed both front and back-end (not what I like to do, but it's nice to have a minimum knowledge on it) using node, express and mongodb. Whoever make any change on the data will reflect for everybody else as I didn't implement it to support different users.

This is my first time uploading a back-end application to the server myself, I hope everything work just fine for everybody haha.

Any feedback is much appreciated =)

I've developed this solution using vanilla js/css only to challenge my skills.

Any helpful feedback is welcome =)

I've used Mui material on this project to get used to its components and have made a few adjustments on the UI compared to the design provided, such as copied feedback and color of the strength text.

Any feedback is welcome =)

I didn't like the Carousel libs that I tried so I've developed my own on Vanilla JS, so the result on smaller screen is a bit different from design and it's also not infinite slide. I've faced some difficulties developing it but with some research to remember how to get the css properties on JS I've managed to do it.

Any feedback is welcome =)