Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
6

Minh Le

@ledminhSouth Carolina200 points

I graduated from San Jose State University with a bachelor's degree in Computer Science in 2020. While I learned and used Java and C++ extensively at school, my passion is FrontEnd Development.

I’m currently learning...

NextJS, Gatsby, and TypeScript.

Latest solutions

  • Fullstack app Interactive Comments Section with NextJS and MongoDB

    #mongodb#next#react#sass/scss#typescript

    Minh Le•200
    Submitted over 2 years ago

    0 comments
  • Tic Tac Toe Game with Minimax algorithm using NextJS

    #next#sass/scss

    Minh Le•200
    Submitted over 2 years ago

    0 comments
  • In Browser Markdown Editor created with NextJS

    #next#react#sass/scss

    Minh Le•200
    Submitted almost 3 years ago

    0 comments
  • Password Generator App using NextJS, CSS Module, and SCSS

    #react#sass/scss#next

    Minh Le•200
    Submitted almost 3 years ago

    0 comments

Latest comments

  • Paweł•1,030
    @Pawel-Gnat
    Submitted over 2 years ago

    Interactive comments section (vanilla JS)

    1
    Minh Le•200
    @ledminh
    Posted over 2 years ago

    I always appreciate people who try to code using only vanilla JS. I used it once, coding a small game. It was time-consuming, but I learned a lot from that. Anyway, check out my solution for this challenge. It was coded in NextJS, but I decided to do one step further by making it become a full stack app with mongoDB for database and nextauth for authentication. I guess one advantage of using framework is that it allows you to do more and make your app look more like a production-level app.

  • P
    Jason Donmoyer•270
    @Jason-Donmoyer
    Submitted almost 3 years ago

    Custom input styles and JS password generation web app

    1
    Minh Le•200
    @ledminh
    Posted almost 3 years ago

    I guess it's because Safari does not support linear-gradient. This article might help.

    Or use ms-fill-lower for the left color and ms-fill-upper for the right color in the CSS, like what I did in my solution.

    Something like this:

    input[type=range]::-ms-fill-lower {
            background: base.$color5;
            
    }
    
    input[type=range]::-ms-fill-upper {
            background: base.$color4;
            
    }
    

    If you try, please tell me which one works (or neither of them). I really need to know.

    Marked as helpful
  • jyoung0930•145
    @jyoung0930
    Submitted almost 3 years ago

    Password-Generator

    2
    Minh Le•200
    @ledminh
    Posted almost 3 years ago

    Hello jyoung0930,

    I love that you safeguarded your app from error by requiring character length must be greater than 5. Here is my idea for improvement, you can count how many options are checked and set it to be the minimum value character length must have.

  • Hana•960
    @Hanka8
    Submitted almost 3 years ago

    Password generator vanilla JS

    3
    Minh Le•200
    @ledminh
    Posted almost 3 years ago

    I really love the fact that you build this project on vanilla JS. It is the best way to learn javascript. I tried it once on this personal project, it was a very fulfilling experience.

    And here are some suggestions for improvement. First, the Generate button should have another outlook when it is disabled. Second, I see that sometimes the generated password does not satisfy all of the requirements. I checked on lowercase, uppercase, and number but the password only contains uppercase and number. Third, to satisfy all rules, password's length should be equal or greater than the number of rules.

    I hope you find it helpful.

    Marked as helpful
  • Wesley•330
    @wesleyjacoby
    Submitted almost 3 years ago

    Password Generator App using HTML, CSS and JS

    #styled-components
    1
    Minh Le•200
    @ledminh
    Posted almost 3 years ago

    Yes, I feel your pain. Not all browsers are created equal. I spent a whole day just researching how to make the background behind the thumb green. Then, I figured out that not all browsers are created equal in terms of CSS but they are the same in terms of javascript, especially when you use webpack. So, the best way to tackle this problem is to use linear-gradient to set the background to 50% green and 50% black initially in CSS. Then, use javascript to change the percentage number when the slider's value changes.

    About the arrow, you can use this tool: https://react-svgr.com/playground/ to transform the svg image of the arrow to React element then change its "fill" property to green.

    Marked as helpful
  • Austin•330
    @waustin45
    Submitted almost 3 years ago

    Used React and CSS to complete project

    #react
    3
    Minh Le•200
    @ledminh
    Posted almost 3 years ago

    Making the checkboxes green is simple. I used the pseudo-class ::before, set the position to absolute with left and top equal 0, height and width equal 100%, then set its background-color to green. To make the check-symbol image displayed when checked, I used the pseudo-class ::after in the similar way but set its background to be the check-symbol image when checked.

    Making the slider half-green-half-black is more difficult. After spending a day doing research on Stack Overflow, I figured the easiest solution is to use linear-gradient on background to make it 50% green and 50% black initially, then using javascript to change the percentage value when the input's value changes.

    Marked as helpful
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