Maybe how to reduce the mess of selectors in the JS to improve the interaction between dynamic code and static markup.
The JS can be improved for sure. I don't know how I could reduce the amount of code in a smart way or if it is already okay as it is?
Figuring out how to use npm package 'joi' for validation.
Next time I'll make the validation it's own JS file for reusability. I also want to figure out how to set the failed messages in the Joi.object({config}). If anyone knows, please send me a link to an example.
Really cool solution using JOI! I also want to look into that, hate to do the form validation :D
If you want to improve something, maybe look into small design details like the exact sizes of input fields or the selected radio design.
But it's already a neat solution that you created.
Keep it going :)
JavaScript Popup Implementation: Successfully created dynamic and user-friendly popups using JavaScript.
Overall Code Structure: Applied a modular design, separating concerns into smaller, reusable components. Followed best practices for CSS and JavaScript methodologies, ensuring maintainability.
What specific areas of your project would you like help with?Improve Code Reusability: Create a utility function or a library for common popup behaviors like opening, closing, and adding dynamic content. Implement better separation between business logic and UI for easier testing and debugging.
Hi @Skyz03,
nice solution you have here with next / react and tailwind.
I also tried tailwind for this project. One tiny detail I just saw on the design / solution comparison: the image of the avater is a little bit too small.
Keep up the good work!
Hi @dullarzee,
you built the accordion challenge with React JS - nice, still something I need to dive into.
I just looked at your solution and if you're willing to invest some more time into it, here are some suggestions what you could improve:
If you're not into improving your solution it's fine anyways, just some ideas to improve your challenge solution.
Enjoy your day and keep on coding!
I am comfortable with toggled visibility in JavaScript. The main emphasis on this project was accessibility and I implemented most of the concepts.
What challenges did you encounter, and how did you overcome them?Figuring out the visibility of the buttons and the "selected" classlist was difficult but I used an older project and AI to help me through.
What specific areas of your project would you like help with?All good!
Hi @abigailjulie,
nice solution to the rating component! Really like your efficient code and how well you implemented the accessibility features and the design detail in this project.
One little thing I came across: Since you used buttons for the rating numbers instead of a group of radio buttons you have to hit a few times tab to get to the submit button, while you can tab to the submit button immediatly by default if it was a radio button group. The radio button group can be navigated by arrow keys, maybe you add some event handling for your buttons for arrow keys or adjust some tabindex to improve this a little bit.
Other than that, great project, keep up the good work!
Hey @alinco6426,
I just looked at your solution for the quiz app.
This one gave me a little headaches for all the details with the accessibility, styling and code organization.
Your JS looks really nice, very organized and thought through.
If you want to improve something on your solution take a deeper look at the design details in the screenshots. There are some details you're missing out on.
You could also see if the markup is semantic in all places and increase the accessibility standard with features like keyboard navigation, which is not possible right now.
Either way keep up the good work!
I am most proud of figuring out the Javascript logic to generate the random password. I was initially intimidated by this project, but it turned easier than I expected and I think it turned out great!
What challenges did you encounter, and how did you overcome them?Styling the slider and checklist was a little challenging and took a lot of googling. But I figured it out.
What specific areas of your project would you like help with?I would like to know if my javascript code could be shortened or condense (if it even should be). It certainly works and gets the job done but wondering if it can be written a little more efficiently.
Hi Matthew, great solution you created for this task. I also really like how you handled the show password strength section in the code, that is way more flexible than what I did. Maybe I should refactor this.
The styling seems to be on point too. Only thing I just noticed is a 'jumping' form when you hover the submit button, I guess because of appearing borders. If you add transparent borders with 2px width to the non hover styles of your submit button, the issue should be solved.
So good job on that. :-)
