Skip to content
OverviewSolutions
32
Comments
32
P

MathiasHun1

@MathiasHun1700 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

  • Adesh Katiya•420
    @adeysh
    What are you most proud of, and what would you do differently next time?

    I am very proud of creating the lightbox functionality and reusing it in different contexts. I would also add other functionalities like zooming in on product images. Finding similar images as the product and other typical e-commerce ux features.

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

    I encountered several challenges including the sliding animation, opening the lightbox with the same code that is displayed currently on the page. making gallery on mobile as well as cart modal showing up. These all challenges were typical and were solved by debugging my flow of code.

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

    Currently I would like to see if i have included everything that the project asked for with accessibility, ux experience etc. or something that i wasn't aware of left out. You could provide me feedback for this!!

    Responsive Ecommerce Product Page with Lightbox using SCSS/JS

    #accessibility#vite#sass/scss
    2
    P
    MathiasHun1•700
    @MathiasHun1

    Hi, For me it's a very clean vanillaJS solution! You're organizing the code incredibly well and easy-to-understand. Can I ask you about the resource(s) where you learned that?

    Cheers, Mathias

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

    I tried Figma MCP to Cursor, however, the result is very bad. So I gave up and tried to generate Prompt to tell Cursor the layout and design details section by section.

    I am happy to find out that Cursor can help us to generate good results only if you have clear mind and logic. There are a tons of way to generate a page, but AI currently could not yet easily to figure out a clear strategy without human' s instruction.

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

    The final part, the layout in desktop is quite different from tablet and mobile view. After a lot of tries, Cursor barely complete the job after I modified some of the styles. Sometimes, Cursor is just making easy things more complicated. We have to help it stay out of the box.

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

    I generate this page within 6 hours, honestly speaking, although this is a just start, I am not quite happy with this efficiency. Do you have very good practice with Cursor to generate a web page? How to best generate a web page with Cursor with highest efficiency?

    bmi_calculator using prompt with cursor

    #react#tailwind-css
    1
    P
    MathiasHun1•700
    @MathiasHun1

    Nice slution! Cool that you made it possible to switch languages, and how you made it.

  • P
    MathiasHun1•700
    @MathiasHun1

    .

  • P
    MathiasHun1•700
    @MathiasHun1

    .

  • P
    MathiasHun1•700
    @MathiasHun1

    .

  • P
    MathiasHun1•700
    @MathiasHun1

    good job

View more comments