Skip to content
Submitted over 3 years ago

Responsive Tip Calculator using React JS and SASS

react, sass/scss
Ayush Nath•360
@Beats-Ayush
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Would like some valuable feedback on the responsive-ness of the site and where I can improve.

Spent a lot of time on the javascript part and added some states for the inputs. Any inputs on how I can improve the javascript will be highly appreciated.

Also facing a lot of trouble in styling in React. Any resources for learning how to manage that?

Code

Please log in to post a comment

Log in

Community feedback

  • sansarj17•180
    @sansarj17

    Hey Ayush, Congrats on completing the challenge. It looks clean and good.

    As for styling, i recommend styling it prior to making the app. Example, make the webpage using plain html,css and then convert it into react app.

    Marked as helpful
  • Shashree Samuel•8,860
    @shashreesamuel

    Hey good job completing this challenge

    keep up the good work

    Your solution looks great however I think the container for the calculator functionality needs to be a bit bigger. Secondly the button with the text custom needs to be a bit bigger

    I hope this helps

    Cheers Happy coding 👍

  • Ayush Nath•360
    @Beats-Ayush

    I don't know how the white space is appearing to the right and the bottom. It looks alright on live site.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord