Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
20
P
Emmanuel Lopez
@EmLopezDev

All solutions

  • Ecommerce Product Page

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted 1 day ago

    Honestly the Javascript. I know I have code that can be simplified or even condensed but in fear of breaking anything like I did several times I left it as it. If someone could take some time and let me know what areas can be better and how would be amazing. The addToCart() and the functions to update the image lines 149-172 are definitely ones I would like feedback on. These are the types of functions I need the most help in to learn of better approached.


    0 comments
  • News Homepage

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted about 1 month ago

    Since this challenge revolves mostly around accessibility I would like feedback on whether or not this challenge meets accessibility standards and how it could have been better. Also my approach to adding a transition to the sidebar, I am sure there is a better way then using a setTimeout like I did.


    0 comments
  • Contact Form

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted about 1 month ago

    I would like some feedback specifically on the validation code. Is what I have okay? Is there a better way? Also any general feedback in more than welcomed.


    1 comment
  • FAQ Accordion

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted about 1 month ago

    I would say the scss used to apply the styling to the <details> tag, should I have done it with JS instead?


    1 comment
  • Interactive Rating Component

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted about 1 month ago

    Is there a better way to handle events in the JS file?


    1 comment
  • Frontend Quiz

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted about 2 months ago

    The three JavaScript files:

    • Was the way I handled all the JS a good approach? What could have made it better?
    • Is there a better way to fetch data and pass it along?
    • Is there a better way to handle a light/dark theme?
    • In general what isn't good and how can I make it better?

    1 comment
  • Password Generator

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted about 2 months ago

    I definitely would like feedback on the JavaScript.

    I cleaned up the logic as much as I think I could but I am sure there is more I could have done or a better approach.

    Would like feedback in general on the file but for a bit more specificity these two logics:

    const randomCharacter = () => {
        finalPW = "";
        const checked = isChecked(checkedOptions);
        while (finalPW.length < lengthValue) {
            const randomIndex = randomNumber(checked.length);
            const randomCategory = checked[randomIndex];
            const categoryValues = passwordCharacters[randomCategory];
            const randomCharAt = randomNumber(categoryValues.length + 1);
            const randomCharacter = categoryValues.charAt(randomCharAt);
            finalPW += randomCharacter;
        }
    };
    
    const finalPwStrength = () => {
        const checkedLength = isChecked(checkedOptions).length;
        if (lengthValue < 15 && checkedLength === 1) {
            changeGauges(1, "very weak");
        } else if (lengthValue < 15 && checkedLength === 2) {
            changeGauges(2, "weak");
        } else if (lengthValue < 15 && checkedLength > 2) {
            changeGauges(3, "medium");
        } else if (lengthValue >= 15 && checkedLength === 1) {
            changeGauges(2, "weak");
        } else if (lengthValue >= 15 && checkedLength === 2) {
            changeGauges(3, "medium");
        } else {
            changeGauges(4, "strong");
        }
    };
    

    1 comment
  • Tip Calculator App

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted 2 months ago

    Definitely the JavaScript. I would like feedback on what I have and if I could have made it more efficient.


    1 comment
  • Time Tracking Dashboard

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted 2 months ago

    I would like some feedback on the main.js file was there a better or more efficient way of writing the js.


    1 comment
  • Newsletter Sign Up

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted 2 months ago
    • I would say mostly I would like feedback on the JS. I think I did everything well but is there something I missed or could have done better.

    1 comment
  • Article Preview Component

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted 3 months ago
    • I would like feedback on my solution to the toast/tooltip and what I could have done better.
    • Also I would like feedback on how to make the hero image better. It looks crammed up to me.

    1 comment
  • Meet Landing Page

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted 3 months ago
    • I would like some feedback on my approach to making the site responsive. Are there things I could have done better?

    1 comment
  • Testimonials Grid Section

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted 3 months ago

    I would definitely want feedback on my usage of CSS grid and making it responsive. Was my approach good? and how could it have been better.


    1 comment
  • Four Card Feature Section

    #sass/scss

    P
    Emmanuel Lopez•530
    Submitted 3 months ago
    • I know the file structure was is a bit over kill for such a small project, however I wanted to get opinions on it to use later on in larger scale projects.
    • Was my use of clamp() correct?
    • Is there anything else I could have done different to make the site more responsive? or accessibility friendly?

    1 comment
  • Product Preview Card

    #sass/scss#bem

    P
    Emmanuel Lopez•530
    Submitted 3 months ago
    • Was the way I set up and used SCSS the best approach?
    • Could I get help converting one of my font-size instance to use clamp() or whatever responsive method? I kind of get it but would like a concrete example using what I have to grasp it better.
    • Thoughts on BEM? Did I use it properly?

    1 comment
  • Recipe Page


    P
    Emmanuel Lopez•530
    Submitted 3 months ago
    • Was there a better way I could have approached the media query?
    • Was the way I laid out the HTML fine? Or should I have not used a header tag for the banner img?

    1 comment
  • Social Links Profile


    P
    Emmanuel Lopez•530
    Submitted 3 months ago
    • Were the right HTML tags used
    • Was the approach to make the whole li tag clickable correct? Is there a better way?
    • Did I properly implement the hover and focus states.

    1 comment
  • Blog Preview Card


    P
    Emmanuel Lopez•530
    Submitted 3 months ago

    I would like to get some feedback on the HTML tags I used, could I have made it more semantic? Also advice on how I could haver made the styles.css a bit more organized or clean.


    1 comment
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

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