All solutions

Project completed🚀

Creating responsive design still doesn't feel as a second nature. Not really necessary with this project, but could have made it a bit harder if it needed to be responsive.

comments on the code are always welcome

Project completed🚀

The difficult part with this project i found the images that are 'outside' off the container. i didn't want to use position absolute to position them on every screen size. But instead wanted to position them with grid. Soo they are part of the container and part of the flow of the page.

check it out and please leave me some comments on the code!

I would love to get some feedback on the code. thank you

I used mantine and found it really hard to customize their components, to create the components needed for this project. Just want to know if there are more ppl that experienced the same.

i loved the custom hooks, and form handeling of Mantine!!

Vite

i wanted to try something else then create-react-app and i must say via Vite my app is a lot faster and the size of my app is smaller.

React

I'm still learning React i want to get better. Most projects i'm gonna build with React, and if i feel familiar with it i'm gonna give Next.js a try.

Firebase

I realy struggled with the datastructure. i just didn't know how to get the best datastructure with this app. Reading data is one thing, but updating and deleting is another thing. I just couldn't figure out how to handle one-to-many & many-to-many structures. Using references or not... After a long struggle i added all the path's (path to document and path of parent) to my data so i could query them.

SASS/SCSS

First project where i used SCSS, and i love the way it works. But i struggled with doing the basic CSS layout stuff. I feel like i repeated myself a lot, i want to write cleaner CSS but just don't know how.

How do i get the DESIGN---COMPARISON thing working for my app??

I would love to get some comments/feedback on my CSS and Javascript solution. It has been a while that I did some basic HTML, CSS and Javascript. In my CSS file I feel I made to much duplication code. In my Javascript file I struggled with the click event. I wanted to toggle an element on click, but i only find a toggle function with ClassList, but not with whole elements with some Dynamic values. Hope someone can give me another solution for what i have found.