Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
18
P

Feng

@niuguyLondon,UK380 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

  • react router+ tailwindscc

    #react#tailwind-css#vite

    P
    Feng•380
    Submitted 3 months ago

    1 comment
  • cursor+react+tailwind

    #react#tailwind-css

    P
    Feng•380
    Submitted 3 months ago

    I used the new cursor agent extensively for this one, what do you think the outcome, I'm curious to know


    1 comment
  • react+tailwind

    #react#tailwind-css

    P
    Feng•380
    Submitted 4 months ago

    1 comment
  • React Router + tailwind

    #react#tailwind-css

    P
    Feng•380
    Submitted 4 months ago

    1 comment
  • react+tailwindcss

    #react#tailwind-css

    P
    Feng•380
    Submitted 4 months ago

    1 comment
  • vite+react+tailwind

    #react#vite#tailwind-css

    P
    Feng•380
    Submitted 4 months ago

    1 comment
View more solutions

Latest comments

  • P
    Dan Marius•1,275
    @danmlarsen
    Submitted 5 months ago

    Interactive Comments Section using React, Tailwind & Vitest

    #react#tailwind-css#typescript#vitest#framer-motion
    1
    P
    Feng•380
    @niuguy
    Posted 3 months ago

    great solution with tests , thanks for sharing

  • dullarzee•600
    @dullarzee
    Submitted 4 months ago

    countries of the world with react and tailwindcss

    #fetch#react#tailwind-css#vite#node
    1
    P
    Feng•380
    @niuguy
    Posted 3 months ago

    The layout looks great, and dark mode is working well. Just a couple of thoughts:

    1. On mobile, the search and filter elements seem to overlap.
    2. Should the border countries on the detail page be clickable links as well?
  • Trevor•590
    @TrEv0rRrRr
    Submitted 4 months ago

    mortgage-repayment-calculator

    #react#react-hook-form#tailwind-css#vite
    1
    P
    Feng•380
    @niuguy
    Posted 4 months ago

    All looks good to me. I learned quite a bit from your solution, thank you

  • Arcloan•770
    @Arcloan
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    It was really fun to build a page with state using React. It is the first project where I used state.

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

    I had a lot of trobule making the dialog on mobile version the same as the design. I endend up making it a little bit different. I used inset-0 on the dialog but it wasn't placed on the entire viewport. I didn't understand why. Instead I had a lot less trouble with vite deploying the site with github pages so it was a real relief.

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

    Any help on the dialog, how to make it look similar to the design is really appreciated. It didn't respond like earlier projects where I built the mobile nav with ease using a fixed element and using inset-0. I didn't understand why it didn't work this time. Any other suggestion on my approach with state or anything else is really appreciated. Thank you :)

    product-list

    #react#tailwind-css
    1
    P
    Feng•380
    @niuguy
    Posted 4 months ago

    The solution overall looks excellent. I noticed a few minor issues to address: on desktop, the '+' and '-' icons on the 'add to cart' button appear to be switching positions. Additionally, it would improve user experience if the confirm order modal could be dismissed by clicking anywhere outside the modal itself.

    After all, congratulations on finishing this one! this is not easy, isn't it?

    Marked as helpful
  • Chayapol Chaipongsawalee•120
    @Chayapol-c
    Submitted over 2 years ago

    Tip-Calculator-React

    #react#tailwind-css
    1
    P
    Feng•380
    @niuguy
    Posted 4 months ago

    all looks good , code is well-structured and readable 👍

    A small enhancement could be setting a default tip rate (e.g., 0%) for non-US users:)

  • Arcloan•770
    @Arcloan
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    This is the first project I built with react. It was really fun. I find react really enjoyable!

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

    Nothing in particular.

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

    I don't know if it is correct to leave an empty div to let it take the role of root for a react app or is a better way from an accessibility/pratical point of view. Any suggestions are really welcomed! Thank you

    result-summary

    #accessibility#react#tailwind-css#vite
    1
    P
    Feng•380
    @niuguy
    Posted 4 months ago

    It's good practice to set up components and keep the codebase clean. However, I'm unsure whether it's a good idea to place the components in the assets folder.

    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