Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 2 years ago

Responsive + Functional Bill Splitter Calculator

react, typescript
Petrit Nuredini•2,860
@petritnuredini
A solution to the Tip calculator app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Introducing the ultra-cool 🆒 and super handy 🛠️ Bill Splitter & Tip Calculator app! Built with React TypeScript, this app is the perfect companion for your dining and service experiences. 🍽️💼

Features include:

3 easy-to-use inputs: Bill price 💵, custom tip percentage 📊, and number of people 👥. 5 quick-select options for tip percentages, making calculations a breeze. A sleek display on the right side showing the tip amount per person and the total amount each person owes. It's not just smart; it's also responsive 📱, ensuring a seamless experience on mobile devices. Fast, flexible, and incredibly user-friendly, it's perfect for integrating into your projects or for everyday use. Check it out and elevate your bill-splitting game! 🔥👀

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Petrit Nuredini's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

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