
Design comparison
Solution retrospective
This was my first project that makes me work with bigger json file and I feel more confident with json data and js after this one.
What challenges did you encounter, and how did you overcome them?I had some struggle with using same script on many websites but I found a way to handle this.
What specific areas of your project would you like help with?I someone have a idea to optimize my JS please feel free to give me some advices. All help apprecise.
Community feedback
- P@AchigyusPosted 6 days ago
Hey bro @Michał
First up, big congrats on completing this project. It looked really small but soon became taxing. Also, congrats on becoming better at working with big JSON files; you're well on your way to data manipulation mastery.
I have a few tips for you. But first allow me to say that there are many ways to build an app. For my solution, I used one JS file and one HTML file for all parts of the quiz and was just updating them by doing DOM manipulation. This approach was easier for me because you have access to all your variables in the same JavaScript file and can easily update them. Most times when you load a new page, the variables from the previous page may not be available again, except if you're using a framework like React or something similar to it.
Secondly, for the project design, I'm assuming you decided to customize it with your own colors and styling, which is really great. However, there are some interactive states you can improve on, e.g., the hover-over quiz options, the selection of an option, and also indicating the correct option if the user got it wrong. These will help to increase the user's experience while using the website.
Thanks and congrats once again. You can reach out to me if you need more specific help on my LinkedIn (in my profile), or you can check my solution or other people's solutions to get some inspiration.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord