Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
32
Comments
31
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

  • Responsive BMI-calculator

    #material-ui#react

    P
    MathiasHun1•700
    Submitted 5 days ago

    0 comments
  • E-commerce product page

    #material-ui#react

    P
    MathiasHun1•700
    Submitted 13 days ago

    2 comments
  • Responsive News-homepage

    #material-ui

    P
    MathiasHun1•700
    Submitted 18 days ago

    0 comments
  • Responsive contact-form


    P
    MathiasHun1•700
    Submitted 21 days ago

    Im using native elements, labels, the form can be tabbed through, it has :focus states, etc. Is that enough for a pro implementation, or should I use aria-attributes too? (I've never used them)


    1 comment
  • Accordion component

    #react

    P
    MathiasHun1•700
    Submitted 26 days ago

    1 comment
  • rating component

    #react#tailwind-css

    P
    MathiasHun1•700
    Submitted 27 days ago

    1 comment
View more solutions

Latest comments

  • P
    Alexwz89•480
    @Alexwz89
    Submitted 25 days ago
    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
    Posted 5 days ago

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

  • yrjeb•550
    @yrjeb
    Submitted 23 days ago

    Ecommerce Product Page

    #react
    1
    P
    MathiasHun1•700
    @MathiasHun1
    Posted 13 days ago

    .

  • jeff-gastontech•50
    @jeff-gastontech
    Submitted over 2 years ago

    React with Material UI

    #material-ui#typescript#react
    1
    P
    MathiasHun1•700
    @MathiasHun1
    Posted 18 days ago

    .

  • MarKyselov•240
    @MarKyselov
    Submitted 6 months ago

    contact-form

    1
    P
    MathiasHun1•700
    @MathiasHun1
    Posted 21 days ago

    .

  • yrjeb•550
    @yrjeb
    Submitted 29 days ago

    FAQ Accordion

    #react
    1
    P
    MathiasHun1•700
    @MathiasHun1
    Posted 26 days ago

    good job

  • Grecco Oliva, Franco•290
    @GreccoOliva-Franco
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?
    • Speed. It became easier to execute the solution
    • Creating the CSS variables to easily change design colors with design tokens
    What challenges did you encounter, and how did you overcome them?
    • Debug why the form submission wasn't sending the radio inputs data. Overcome: As always, debuging
    What specific areas of your project would you like help with?
    • None, thanks. This project did not feel like a challenge which speaks quite good of my improvement along all the challenges previously done. Thanks Frontend Mentor!

    NextJs - Tailwind CSS

    #next#tailwind-css
    1
    P
    MathiasHun1•700
    @MathiasHun1
    Posted 27 days ago

    Hi, nice solution!

    Just one little detail: since this is a challenge from the accessibility-learning-path, your solution lacks the ability of tabbing through the form with keyboard. I couldn't do it in mine, but I'm looking for the solution. Very nice and readable code btw ;) cheers

    Marked as helpful
View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub