Skip to content
OverviewSolutions
8
Comments
5

vong

@vong0-0190 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Soumyadip Manna•80
    @Soumyadip-Manna
    What are you most proud of, and what would you do differently next time?

    To make first website using such utilities in Tailwind I'm more confident to make new website in Tailwind. but to build up this challenge I take some online Help.and I Wanna to say Thanks them.

    What challenges did you encounter, and how did you overcome them?

    spending couple of times on custome css and overcome this challange.

    What specific areas of your project would you like help with?

    I stuck to set background image and features section and now i'm more confident to overcome this problem. Because i solved it .

    Responsive Tailwind Landing Page

    #tailwind-css
    1
    vong•190
    @vong0-0

    Nice

  • Maulid Fajar•290
    @MaulidFajar
    What challenges did you encounter, and how did you overcome them?

    I really struggled with how to display products in the cart and I managed to do it but I think the result is still not too neat.

    What specific areas of your project would you like help with?

    I want to know how to refactor code to make it more effective and resuable.

    Responsive e-commerce product page

    #tailwind-css
    1
    vong•190
    @vong0-0

    Everything looks good and quite close to the original. If there’s anything I’d suggest, it would be to slightly increase the spacing, such as in the product info section — adding a bit more gap between elements could help improve the overall readability.

  • vong•190
    @vong0-0

    Everything looks great overall. I would just suggest adding some additional styling to the navigation links, and consider hiding the hamburger button on wider screens😊.

  • Adelabu Mobolaji•410
    @Bolazcoding
    What are you most proud of, and what would you do differently next time?

    I'm happy that I was able to complete this FAQ project.

    What challenges did you encounter, and how did you overcome them?

    No challenge encountered.

    What specific areas of your project would you like help with?

    JavaScript

    Faq-accordion using JS

    #accessibility#lighthouse#pure-css#solid-js
    1
    vong•190
    @vong0-0

    What are you most proud of, and what would you do differently next time?

    I'm happy that I was able to complete this FAQ project. It helped me understand how to create an interactive accordion and apply responsive design. Next time, I’d like to focus more on accessibility features and perhaps add animations for a smoother user experience.

    What challenges did you encounter, and how did you overcome them?

    I didn’t encounter any major challenges in this project, which helped me build confidence in my understanding of layout and basic interactivity.

    What specific areas of your project would you like help with?

    I’d like to improve my JavaScript skills, especially when it comes to managing state and making components more reusable and accessible. Any feedback or tips on how to structure the JavaScript logic more efficiently would be greatly appreciated!

  • P
    Alexwz89•480
    @Alexwz89
    What are you most proud of, and what would you do differently next time?

    To review the tailwind css and of course forms..

    What challenges did you encounter, and how did you overcome them?

    The hardest part of this exercise was how to generate the scoring from 1 to 5 using semantic html and pass it to the next DOM element after submission.

    At first I generated a button for each score, and suddenly realised that it seemed to make more sense to use radio while i was writing javascript, since the required action of a button in a form does not include passing data!

    So I spent some more time with GPT, and fortunately both GPT and Grok suggested using a label + radio type input implementation. Also, you can rely on peer and checked to define the style of the sibling DOM element, wonderful !

    keep learning... lol

    interactive-rating

    #tailwind-css
    1
    vong•190
    @vong0-0

    What are you most proud of, and what would you do differently next time? I’m proud of the way I implemented the interaction flow and UI elements using React and TailwindCSS. The use of Tailwind allowed me to quickly style the component with minimal code, which kept the project lightweight and responsive. I'm also pleased with how I structured the components—separating the rating and thank-you dialogs into distinct components made the code more modular and readable.

    Next time, I would pay more attention to the accessibility of the elements, especially when interacting with form elements like buttons and radio inputs. I’d also look into optimizing for different screen sizes to ensure the layout works well on all devices.

    What challenges did you encounter, and how did you overcome them? The hardest part of the exercise was handling the rating submission and dynamically passing the rating value to the "Thank You" dialog. Initially, I thought of using buttons for each score, but after some consideration and research, I realized that using a radio button system would be semantically more appropriate for a rating scale.

    I ran into a challenge in using buttons because they weren’t well suited for form submission (and I didn’t want to manipulate form behavior unnecessarily). The solution came when I found that using <label> and <input type="radio"> allowed me to take advantage of the form’s behavior while also making it easier to capture and pass the rating value to the next DOM element.

    This is where GPT and Grok really helped me by suggesting this approach. I learned a lot about leveraging the peer and checked classes in Tailwind to style radio buttons and their labels dynamically, which was fantastic!