@wendyhamel
Emerson Lima
@poissonfouAll comments
- @poissonfou
Amazing Work!!
- P@kaamiikWhat are you most proud of, and what would you do differently next time?
I am most proud of my efforts to ensure accessibility in my project, particularly in creating a responsive navbar and using dialog elements effectively. Next time, I would definitely use a framework to streamline the development process.
What challenges did you encounter, and how did you overcome them?One of the main challenges was ensuring that the lightbox and cart dialogs were both functional and accessible. I had to pay close attention to various aspects in JavaScript to ensure necessary updates. I overcame these challenges by meticulously adhering to accessibility guidelines and thoroughly testing my code.
What specific areas of your project would you like help with?I would like help with ensuring that my implementation of the lightbox and cart dialogs is as efficient and accessible as possible. Additionally, any feedback on improving the overall accessibility and responsiveness of the navbar would be greatly appreciated.
@poissonfouGreat work!
- @mkostrikovWhat challenges did you encounter, and how did you overcome them?
It's hard to test accessibility
What specific areas of your project would you like help with?Any help would be great
@poissonfouAmazing accuracy!
- @LeviKuhauluaWhat are you most proud of, and what would you do differently next time?
One thing that I did like was being able to style the radio button and checkbox with CSS by using the
accent-colorattribute with a specifiedwidthandheightto make a size for the radio buttons and checkmark. See code below:.form__input-radio { display: block; width: 18px; height: 18px; accent-color: var(--clr-green); }In this way, it made the challenge a lot easier to handle since I didn't need to use divs to create a custom element.
Doing this challenge differently:
- Using divs to style the components
- Look into creating custom web components with JavaScript, HTML, and CSS (if anybody has any resources on that please lmk, mahalo in advance).
How often should we be placing
aria-labelfor our components? Should this be for every major section that is apart of your component or should this be used for sections / parts where they may not be some sort of indicator to describe the content within?@poissonfouAmazing work!!
- P@DalaScriptWhat are you most proud of, and what would you do differently next time?
- I'm proud of bringing the project to completion. 🎉✅
- Next, I'll focus on improving my JavaScript skills. 📚💻
- The main challenges were with button interactions, which required writing the logic in JavaScript. 🛠️🔘
- I'd love to hear input from others on the screen customization and button interactions. 🎨🧩
- Any feedback or suggestions for improvement would be greatly appreciated. 🌟💬
@poissonfouAmazing solution, it's incredible how you managed to perctly match the design. Congratulations!
- P@nvallineWhat are you most proud of, and what would you do differently next time?
This was a straight forward challenge. Even though it is a small app, I implemented TypeScript to further build my TS knowledge.
What challenges did you encounter, and how did you overcome them?I didn't encounter many problems with this app.
What specific areas of your project would you like help with?I would appreciate any tips/suggestions for making my code better. Thanks!
@poissonfouAmazing precision!
- @1deadjoeWhat are you most proud of, and what would you do differently next time?
I am proud to have been able to do much of the project without the need to go back to search something. I implemented JS quite well in this project compared to my previous ones. I would like to start using tailwind for my next project.
What challenges did you encounter, and how did you overcome them?Every one has their preferences, and while some libraries are there to help streamline workflow, I prefer using vanilla CSS as it gives me full control of my styling. I do not keep wondering where what is wrong.
What specific areas of your project would you like help with?Not today, thanks.
@poissonfou...
- @Annalisa11What are you most proud of, and what would you do differently next time?
I'm proud that I tried to learn something new, instead of always going for React.
What challenges did you encounter, and how did you overcome them?I took way longer than I expected to code it, because Vue.js gave me more trouble than anticipated. It was just more different than I expected and thus it was hard to check out how all the basics work (like passing props etc) without getting too frustrated.
What specific areas of your project would you like help with?Any feedback is welcome. I don't think I did a very good job with the code structure and in incorporating typescript with vue. But feel free to criticize anything :)
@poissonfou...
- @Andro87@poissonfou
great work! I would suggest just adding a bigger letter-spaccing to the "see all" button to make it more similar to the design
- @Papi84What are you most proud of, and what would you do differently next time?
I’m most proud of how I effectively utilized HTML and CSS to create a visually appealing and responsive design. The project demonstrated my ability to implement modern web design principles and achieve a clean, user-friendly interface.
Next time, I would focus on enhancing cross-browser compatibility and optimizing performance. Additionally, I’d explore incorporating more advanced CSS features and JavaScript to add interactive elements, which could further improve the user experience.
What challenges did you encounter, and how did you overcome them?One of the main challenges was achieving consistent styling across different browsers and devices. I tackled this by using CSS resets to standardize default styles and thoroughly testing the design on various platforms to ensure compatibility. Additionally, I faced difficulties with responsive design, particularly with complex layouts. To address this, I utilized media queries and flexible grid systems to adapt the layout effectively. These steps ensured a cohesive and accessible user experience across different environments.
What specific areas of your project would you like help with?I would appreciate feedback on optimizing my CSS for better performance and scalability, particularly in handling complex layouts. Additionally, guidance on improving cross-browser compatibility and suggestions for integrating more advanced interactive features with JavaScript would be valuable. Any advice on refining my design for enhanced user experience and accessibility would also be greatly appreciated.
@poissonfouGreat work. Very smart to use the ::before pseudo-element to create the overlay!
