Did it all on my own, ask for improvements.
What challenges did you encounter, and how did you overcome them?Nothing for now, since i need a review of the code
What specific areas of your project would you like help with?Improvements to be made...
Good job!
I'm really happy with how my validation solution turned out, even though I'm not entirely sure it follows standard practices. I spent a lot of time going through the JS Fundamentals learning path articles on forms and kept coming back to the MDN client-side validation guide. Tried to keep the implementation as straightforward as possible while still being effective. Next time around, I'd definitely look into using a validation library instead of rolling my own solution from scratch.
What challenges did you encounter, and how did you overcome them?The biggest challenge was figuring out how to display the right error messages for each input field. My solution was creating a Map that connects input elements to their error message elements, which made it much easier to show the correct validation feedback. This approach ended up working really well and kept the code organized.
What specific areas of your project would you like help with?I'd appreciate input on whether my form validation approach follows standard practices, or if there are better patterns I should be using. Specifically interested in feedback on the Map-based approach for handling input-to-error-message relationships.
Awesome!
I was able to get the solution done with only HTML and CSS. I challenged myself to use the built in functionality of the <details> tag and leverage its properties to apply the needed styling.
Besides figuring out how to removed the <details> tag marker and adding styling to it nothing else was much of a challenge.
I would say the scss used to apply the styling to the <details> tag, should I have done it with JS instead?
Good job! Since I didn't know the details/summary tag, I implemented it from scratch using div and JS. It wasn't that tricky but it would have been much easier if I used appropriate HTML tags.
Awesome work!
Good job!
Accessible tabs switching implemented. Would plan to work more on the flexible width according to the screen sizes.
What specific areas of your project would you like help with?Border-radius is defined for the card-content but it is not getting reflected for some reason. Any feedback would be more than welcomed about any possible improvements.
Everything seems perfect. Good job!
I’d really appreciate constructive feedback.
Awesome work! It's interesting you used Angular's Reactive Forms.
The sharing controls (div with "SHARE" text and social media buttons) would be a good candidate for a reusable component.
Looks awesome!
I normally use flexbox for pretty much anything so using grid was a good exercise to get a better understanding of the concept, and also saw its use cases for future projects where a more concrete layout is required.
What challenges did you encounter, and how did you overcome them?I missed the quotation mark in desktop view at first but it was pretty easy with absolute positioning. Also, the design might not be 100% accurate since I do not have access to pro/Figma file so just eyeballed everything.
Good job! While reading your answer, I realized that I also forgot the quotation mark! thanks for the reminder haha
I learned with this project how to use the CSS grid, I got lost a few times trying to use it, but it's always good to try something new.
Aprendi com esse projeto como usar o CSS grid, me perdi algumas vezes tentando usá-lo, mas é sempre bom tentar algo novo.
What challenges did you encounter, and how did you overcome them?The CSS grid and templates are quite confusing at first time, but with practice and lots of mistakes you'll eventually get the hang of it.
O CSS grid e seus templates são um pouco confusos no começo, mas com prática e alguns erros você acaba pegando o jeito.
What specific areas of your project would you like help with?CSS grid Template
Good job! Looks like some colors should matched the design file but besides that everything looks fine!
I had some challenges with setting different sources for <img/> in different screen sizes. I searched a little and I used <picture> element to reach the goal. Additionally, I found out that @font-face only works with actual .woff or .ttf font files. So, when you want to link a font file to your project with its url, you must use <link> in the html file
Good job!
Good job! Although some texts need to be bold but nice work!
Great job. Your work seems to be well done!
Great job! I think the avatar should be smaller.
Quit easy.
Great job! There are a couple of things I found in your code.
