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

wannacode

@kwngptrl740 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

  • My solution to the expenses chart component challenge

    #chart-js

    wannacode•740
    Submitted over 1 year ago

    0 comments
  • My solution to the Interactive Pricing Component Challenge

    #accessibility

    wannacode•740
    Submitted over 1 year ago

    0 comments
  • My solution to the Tip Calculator App


    wannacode•740
    Submitted almost 2 years ago

    0 comments
  • FEM Loopstudios Landing Page


    wannacode•740
    Submitted about 2 years ago

    0 comments
  • FEM Intro section with dropdown navigation


    wannacode•740
    Submitted about 2 years ago

    0 comments
  • FEM's News Homepage - my take on it.


    wannacode•740
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • P
    Ilya Yudin•1,060
    @yudin7324
    Submitted 4 months ago

    Tip Calculator | React, Sass

    #react#vite#sass/scss
    1
    wannacode•740
    @kwngptrl
    Posted 4 months ago

    I tried entering a decimal value in the Bill field and it wouldn't let me. Other than that, it's very good.

    Marked as helpful
  • Jstickz•330
    @Jstickz
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the fact that I was ale to stay on this project till the end because at a point it became difficult but I was able to find my path bit by bit.

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

    The challenges I encountered mainly was how to approach a problem when I come to a point that I have no idea how to solve. But with the help of tolls online I was able to discover answers to the problems and finally got the solutions.

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

    I am doing this alone currently and its not easy having to find answers on your own, I would like a community of people where I can always reach out and ask questions, share ideas and see the perspective of others on how to approach problems in different ways.

    Tip Calculator App

    2
    wannacode•740
    @kwngptrl
    Posted 7 months ago

    Hello there. Your persistence is commendable. There are some issues that I noticed.

    1. The math for total/person is not adding up. You can look at the screenshot of the challenge to see the following values: A: Bill = $142.55 B: Select Tip% = 15% C: Number of People = 5 D: Tip Amount per Person = ~$4.27 (You got this correct) E: Total per Person = ~$32.79 (Yours was $21.38)

    I believe the equation to get total per person is: (bill * tip% / number of people) + (bill / number of people)

    1. Entering any value in the 'custom' field does not result in any change in the results section.

    2. There should also be an answer for when tip% is zero. It's the case where people want to split, but not want to tip.

    3. The reset button should change color if there is a result in that section.

    4. If you can, enlarge the design for the desktop version (the fonts are too small). The mobile version is fine.

    Also, I could not see the github repo for your solution if there is one. This is going a bit too long now.

    Marked as helpful
  • P
    Timothé Bissonnette•480
    @Fable54321
    Submitted 7 months ago
    What challenges did you encounter, and how did you overcome them?

    For whatever reason, I did desktop first on this one, still worked pretty well, but won't do it again ahah.

    my take on the tip calculator

    #react#react-router#sass/scss#vite
    1
    wannacode•740
    @kwngptrl
    Posted 7 months ago

    Hmm, for some reason when I'm about to finish typing the final value in either field or selecting the Tip%, the entire thing just disappears and just leaves the background color. This happens in Chrome and Firefox.

    Marked as helpful
  • Maciej Poznański•210
    @macpoz
    Submitted over 1 year ago

    Tip calculator app solution with Alpine.js

    #sass/scss
    1
    wannacode•740
    @kwngptrl
    Posted over 1 year ago

    Hi, a very good implementation. The only thing I could critique is the buttons and sometimes the error message in the number of people field do not clear out when the reset button is clicked.

  • ManiNasih•180
    @ManiNasih
    Submitted over 1 year ago

    Responsive tip Calc

    1
    wannacode•740
    @kwngptrl
    Posted over 1 year ago

    Nice implementation, but you missed input validation. Entering negative numbers in the input produced negative numbers as answers.

    Also, active states as specified in the design file was not carried out in css on, i.e. :hover { cursor: pointer } and when tip% button selected it should remain in a different color.

    Marked as helpful
  • Paruzaka46•170
    @Paruzaka46
    Submitted over 1 year ago

    Intro Section With Dropdown Nav Using React

    #react
    1
    wannacode•740
    @kwngptrl
    Posted over 1 year ago

    Hi, the caret for Company does not change direction when that submenu is open (unlike Features). The 'overlay' in mobile mode does not cover the entire viewport if the device is in landscape mode. Other than those, it's pretty good.

    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