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

Katia

@ktzazzMexico City290 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

  • News-homepage-fifteen


    Katia•290
    Submitted 26 days ago

    1 comment
  • contact-form-fourteen


    Katia•290
    Submitted about 1 month ago

    1 comment
  • FAQs-accordion-thirteen


    Katia•290
    Submitted about 1 month ago

    1 comment
  • Interactive Rating Component-twelve


    Katia•290
    Submitted about 1 month ago

    1 comment
  • tip-calculator-app-eleven


    Katia•290
    Submitted 4 months ago

    1 comment
  • Time-tracking-dashboard-ten


    Katia•290
    Submitted 6 months ago

    1 comment
View more solutions

Latest comments

  • domdem-dev•280
    @domdem-dev
    Submitted 27 days ago

    responsive news homepage

    1
    Katia•290
    @ktzazz
    Posted 26 days ago

    It works, congrats!

  • Erfun•110
    @ErfanTkh21
    Submitted about 1 month ago

    Html,Css and Javascript

    1
    Katia•290
    @ktzazz
    Posted about 1 month ago

    You're missing the error state design, other than that, very good job :)

  • P
    Johnnie-Boy•250
    @Capt-Rong
    Submitted about 1 month ago

    FAQ Accordion

    1
    Katia•290
    @ktzazz
    Posted about 1 month ago

    It works amazing, congrats!

    Marked as helpful
  • Cristhian Palacios•60
    @CristhianProgramming
    Submitted about 1 month ago

    FeedBack Interactive Menu

    1
    Katia•290
    @ktzazz
    Posted about 1 month ago

    It works! You forgot the responsive design tho. Keep it going :D

    Marked as helpful
  • P
    rmmcfarlin•220
    @rmmcfarlin
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy to have gotten pretty close to the solution. I think my javascript could have been a lot cleaner and there were probably more efficient ways to handle the different functions, but as a beginner I think I did okay. I would probably plan out my javascript better and start with pseudocode instead of just going along and adding as I discovered I was missing functionality.

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

    The main task was how to have the function run from interacting with either number input or any of the buttons, while also pulling the percentage from the corresponding button that had been activated. I ended up having an active / inactive class setup for the buttons, so the main function would pull from whichever button had been clicked last while still running the function on input when typing into either number input.

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

    Any general suggestions, especially on how to get cleaner and more efficient javascript. I know I have some repetition and inefficiencies there for sure.

    Tip calculator

    1
    Katia•290
    @ktzazz
    Posted 4 months ago

    wow you solved the challenge perfectly, congrats :D I was having trouble with the script, specially with the percentages but I did my research and found that using the method "forEach" could make the code more efficient. Good job!

  • percydocomo•550
    @percydocomo
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Accessing data file using the fetch() method and using JavaScript to manipulate HTML elements in order to display the data retrieved from the json file.

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

    I was unable to grab the button data in a function that was created to display the json file data at first. I then created 2 functions specifically to grab the 2 different button data needed for the display. I also have 3 event listeners for the 3 buttons. Everything worked out fine but the JavaScript is a bit long. My final solution is to first grab all the buttons in an array and use the forEach() method to apply all the operations. The file is much shorter now.

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

    all feedback is welcome!

    Time tracking dashboard

    1
    Katia•290
    @ktzazz
    Posted 6 months ago

    It works perfectly, keep it up congrats! :D

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