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

Van Tu

@imvan2350 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 quiz app using Next.js and Typescript

    #typescript#next

    P
    Van Tu•350
    Submitted 25 days ago

    Is my code ok? Is it convoluted? I know I could probably shorten some functions or make it more concise. I'm also worried I used too many states, ahah.


    1 comment
  • Password generator using NextJS, TypeScript, and TailwindCSS

    #next#typescript#tailwind-css

    P
    Van Tu•350
    Submitted about 2 months ago

    I'd like help with my 'active' styles for the button! I can't for the life of me get the arrow SVG to stay grey when you long click on the button. Any advice would be great! I would like to keep using NextJS's Image tag to do this, btw.


    1 comment
  • Tip calculator app using SCSS/SASS and JavaScript

    #sass/scss#accessibility

    P
    Van Tu•350
    Submitted 2 months ago

    1 comment
  • Time Tracking Dashboard using SASS/SCSS and JS.


    P
    Van Tu•350
    Submitted 3 months ago

    I feel like my style files are so ugly and long. Does anyone have any resources to keep CSS short for responsive styles with tricks and hacks?


    1 comment
  • Newsletter Signup Form using JS and SASS/SCSS

    #accessibility#sass/scss

    P
    Van Tu•350
    Submitted 3 months ago

    I would like help with making my SCSS files better? Are there any responsive shortcuts that I could have done instead of using media queries?


    1 comment
  • Article Preview Component using JS and SASS/SCSS

    #sass/scss

    P
    Van Tu•350
    Submitted 3 months ago

    I feel like my SASS files are a little long? If there is some way to keep it short and concise while still keeping the styles, I would love to know!


    1 comment
View more solutions

Latest comments

  • Adrien Baffioni•260
    @AdrienB23
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    .

    Responsive Quiz app with Dark Mode

    #accessibility#angular#sass/scss#typescript#nx
    1
    P
    Van Tu•350
    @imvan2
    Posted 25 days ago

    Great work. Your site looks identical to the design. One thing I would fix is the 'Please select an answer' error msg that shows up every time a new question shows up. It's better UX for the error to be hidden and only show up when a user clicks on 'Submit Answer' without selecting an option.

    Marked as helpful
  • Yonerfy•210
    @Yonerfy
    Submitted 2 months ago

    Vue, Tailwind-css, Javascript

    #vue#tailwind-css
    1
    P
    Van Tu•350
    @imvan2
    Posted about 2 months ago

    Hey, this is great! A few things I noticed that can be changed:

    • Styles don't really match the screenshot, ie text align of the checkbox labels and the input range styles.
    • The right arrow button is missing when hovering over the generate button.
    • The 'COPIED' part is kind of hard to read when the password is long.

    I like the way you have a warning for the character length and the password requirements. I'm not familiar with Vue so I can't offer any suggestions on that, sorry!

  • Paul•310
    @devPauloski
    Submitted 2 months ago

    Tip Calculator App

    #pure-css#van-js#vite#accessibility
    2
    P
    Van Tu•350
    @imvan2
    Posted 2 months ago

    Looks great! Your code was easy to follow and your responsiveness to different screen sizes was good.

  • RickyPWebDev•200
    @RickyPWebDev
    Submitted 3 months ago

    responsive time tracking dashboard

    1
    P
    Van Tu•350
    @imvan2
    Posted 3 months ago

    Hey! This looks great on mobile and desktop. There are few things you add to it imo:

    • having an 'active' or 'focus' for your 'Daily'/'Weekly'/'Monthly' buttons (I'd also check on the hover for it, too)
    • missing tablet layout
    • profile style is missing the bottom border radius
    • i would also double check the height for the profile
    • the cards bottom border can be seen. this can be solved with this: https://dev.to/rashidshamloo/css-fixing-background-color-bleed-in-rounded-corners-2kh4
    • not sure if you have the figma files, but the cards and the ellipsis are missing a hover style (this may only be shown in figma designs)
  • P
    Ganesh Reddy Chimmula•160
    @ganeshreddychimmula
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    My enthusiasm for personal learning and skill development is being challenged by the incredible pace of AI progress. Playing with tools like the latest Gemini has left me feeling demotivated. Is this a common feeling, perhaps an overreaction, or just too soon to judge? Looking for advice or shared experiences.

    Responsive page

    #accessibility
    1
    P
    Van Tu•350
    @imvan2
    Posted 3 months ago

    Looks great. One thing I would advise is to use .getElementById() instead of .querySelector(). The former is faster in performance for larger codebases if speed is what matters to you.

    To answer your AI question, it's a common feeling but I've noticed the code AI spits out isn't necessarily the "best" and I've had to revise it multiple times for it to be decent code, especially for more complex projects. I think the issue is the industry making it seem as if it's the greatest thing in the world and having junior devs whip up a full stack web app in less than 2 hours using AI without compromising on the code itself. If the code AI gives is unreadable (or sometimes even not possible), it's useless.

    Marked as helpful
  • Mohamed Ahmed•90
    @Mnsa2024
    Submitted 3 months ago

    Article preview component solution Using SCSS

    #sass/scss
    1
    P
    Van Tu•350
    @imvan2
    Posted 3 months ago

    Looks great! One thing I would mention is that I don't think your codebase includes semantic HTML, especially for the Share button.

View more comments

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