Latest solutions
Art Gallery Website
PSubmitted 3 months agoI am not sure if I completed this challenge correctly, especially regarding the desktop layout of the homepage hero section.
Latest comments
- P@yudin7324P@Coder-Liz
Awesome! Your solution is definitely much better than mine. The layout looks good on all screen sizes.
Marked as helpful - @TheOnly1TYP@Coder-Liz
Awesome, your layout looks really good.
- @Gbw699P@Coder-Liz
Awesome, your solution is very accessible.
- P@DalaScriptWhat are you most proud of, and what would you do differently next time?
- I’m proud that I finished the project quickly ⏱️, it looks exactly like the design 🎯, and also has full DOM functionality. ⚡️
- The challenge was styling the radio and checkbox buttons 🎛️, but I handled it easily. 😎✅
- Any advice from other developers would be appreciated. 🙏👨💻
P@Coder-LizAwesome, your solution looks exactly the same as the design.
- @AnthoniaEfeP@Coder-Liz
Great job! However, I noticed one thing in your solution: there's no hover effect, and you forgot to change the favicon.
Marked as helpful - @nodegreecodeWhat are you most proud of, and what would you do differently next time?
This time, I focused on organizing my app’s logic and exploring new architectural approaches. I found two suitable solutions for a small project like this: Module Architecture using IIFE and Event-Driven Architecture (EDA) with an Event Bus, utilizing Publishers and Subscribers. Since IIFE is somewhat outdated, I chose EDA.
I had already worked with event handlers in my previous project, Tips Calculator, and wanted to deepen my understanding by applying them again.
In this project, I built a component that validates whether the user has selected a rating and displays an error message accordingly. After submitting a rating, I also implemented a return function that allows users to go back to the rating form. This feature is, of course, purely for practice within this project.
What challenges did you encounter, and how did you overcome them?When it came to CSS, one of the challenges was styling the selected rating button—specifically, setting its background and creating the "glowing shadow" effect around the star.
In JavaScript, the tricky part was figuring out how to properly validate the radio inputs and reset the UI to its default state after "rerouting" back to the submission form.
P@Coder-LizGreat job, the layout looks really good.