All solutions

Any advice will always appreciated :D

First time completing a build using typescript and useContext. Although after completing it, redux seems better choice...

hmmm longest work I have done so far...

Is it bad not to removeEventListener for scroll event by the end of useEffect?

Had a lot trouble animating the sliding motion until found solution using react-transition-group.

Need to work on properly absolute div with it next time. Getting pretty messy with it and hard to make it responsive.

Should I need to use useEffect or useReducer for each Card to set logo, alt and topColor?

What is the best way to use css for React? Just learnt that you can set CSS using styled-components instead of using css file.

*Still having trouble of handling responsiveness without getting stuck from time to time.

*Not sure did I make my navbar react too complicated?

• Aspect Ratio Div 1 of the Nightmare I have when doing this is to set the aspect ratio properly with vw. Until I realized I was dumb and I could just use padding-bottom with vw. A lot website recommend using padding-bottom with %% but that doesnt work for me since it is not full page and my width is base on view width. So instead, I use vw for padding-bottom as well to maintain its ratio.

• Form Validation with React was a mess for me. Will need to learn how to do it properly.

First time using react to make a components. Not so sure where to place folders for each file formats.....

Was having hard time to get proper async/await fetch API to work...but it should be ok by now i guess...

It its more cumbersome to handle element for responsive site then I thought. Probably I didn't setup breakpoint properly following bootstrap grid system.

What did you find difficult while building the project? - Logic to deselect other selected button

Which areas of your code are you unsure of? - Not sure is my js method is the industrial way or not

Do you have any questions about best practices? - I probably messed up on id and class for "card" and "before/after". I think it should be swapped around to handle common css property better?

1. What did you find difficult while building the project?

• Centering Element is still pretty annoying to handle