P
@Fable54321
Latest solutions
Password Generator App in React 18 + Tailwind v4 + Vite 6 + TypeScript
#react#tailwind-css#vite#typescriptPSubmitted 8 months agoReact + Typescript + Tailwind + Fully Responsive Tip Calculator App
#react#tailwind-css#typescript#vitePSubmitted 8 months agoResponsive time tracking dashboard in React, TypeScript and CSS
#accessibility#react#typescript#pure-cssPSubmitted 8 months agoResponsive landing page for Meet
#semantic-ui#accessibilityPSubmitted 8 months agoSome general advice regarding best practises concerning this project would be great.
Latest comments
- P@SuhasPatnaik
Good work!
- P@tobaojoWhat are you most proud of, and what would you do differently next time?
Creating this solution with the tool I used. There are alot of different tools and it all came together well
What challenges did you encounter, and how did you overcome them?Writing tests, it is a weak area for me and something I want to improve on
P@SuhasPatnaikHello Toba!
I used the same tech stack you used for my project. This was my first time using these technologies. Super satisfied with how everything came together.
Kudos to you on completing the challenge!
- @ronaldyonggiWhat challenges did you encounter, and how did you overcome them?
Transitioning from mobile style to desktop style is challenging. I still have a lot to learn about CSS grids, especially assigning which grid column and grid row to which component.
P@SuhasPatnaikCongrats on completing the challenge!
- @FaithAchiengWhat are you most proud of, and what would you do differently next time?
I completed the task .
What challenges did you encounter, and how did you overcome them?How to validate forms using Javascript. I overcame this by watching videos on form validation.
What specific areas of your project would you like help with?How to validate forms using javascript. Why when I click the subscribe button the image disappears. If the layout is changed to a smaller screen the image disappears.
P@SuhasPatnaikCongrats on completing the challenge!
The form looks good, you would benefit from learning how to place the form component in the center of the page. Both horizontal and vertical center.
It will be super useful for your upcoming projects as well.
Good luck!
- @SunilBaghel002P@SuhasPatnaik
Good job on the animations!
- @gustavo2023What are you most proud of, and what would you do differently next time?
I think in general the project turned out well. When I started the project I easily managed to figure out how should I structure the HTML to make it look like I wanted. Although not everything looks exactly like the design, the structure works well.
What challenges did you encounter, and how did you overcome them?The hero section was a little challenging. I wasn't sure on how to make it so that when the screen is desktop size, the section displays the two images that correspond and when the screen is table or mobile size it displays the single image that corresponds. Eventually I simply added `` elements for each image in the correct place and in the CSS I used alternated using
display: noneand Flex to show the images I wanted.The other challenge was the background image in the footer and how to add the color to it. I was able to add both the image and the color, but the color doesn't look the same, I'm not sure how to fix that.
What specific areas of your project would you like help with?- Improvements in accessibility that I can make.
- Are there any improvements I can make to the semantic structure of my HTML?
- Any feedback on the best practices that I'm not following or overlooked mistakes.
- Corrections for the hero section and the footer to make it look more like the design.
- Is my use of CSS Grid and Flexbox efficient or what improvements could I make?
P@SuhasPatnaikI relate to the part where my site also didn't turn out to be a pixel-perfect match to the provided design. But I'm pretty happy with the output still while being quite aware of what improvements I could make in future projects to not repeat the inaccuracies in this project.
Onwards and upwards! 🚀
