This is my version of the challenge. I used the useReducer hook for state management for the first time. Since I am still a beginner, any constructive criticism is welcome, especially the part of the code that refers to the use of the useReducer hook and the logic of the quiz itself.
Being a beginner, this was a challenging project but I managed to finish it. The hardest part for me was writing CSS since I didn't use any external library like Tailwind. CSS is not optimized. I need to improve to write clean and optimized CSS if someone have some guidelines how to wirte optimized CSS it would be much appreciated. I learned a lot of new things and for the first time I used libraries such as Formik, Yup and Framer Motion. Any constructive critique is welcome.
If possible, i would like feedback from more experienced developers. I used react and i think that my css and my approach of building the project is not the best but since I am a beginner and still learning I would be grateful to see different approach to creating a project. I also made a countdown timer.
I used the react slick library to create the carousel. If someone can explain to me how it would be easiest to create a carousel without using that library. Thank you!
The biggest challenge for me was to make a responsive part from the desktop version to the mobile version in figma design.
Since I am a beginner, any feedback is welcome regarding the responsive part.
I am a beginner in front end development and this is my first post on this site.
The most difficult thing for me was to achieve an approximately equal design.
I'm not sure about the CSS and react programming part of the code.
It was the first time I made a page according to figma design, so some things are not clear to me.
If anyone can answer the following questions?
Can someone please look at the code in general and write me as to what should be set differently.
In the figma file, it is not clear to me whether we must strictly adhere to the dimensions they write for some elements, because when I worked that way I did not get good responsiveness.
Any constructive criticism or suggestion is welcome :)