Split the Check

A responsive React application for calculating and splitting restaurant bills quickly and accurately.

Overview

Split the Check was the first React application I built after completing the Persevere Full MERN Stack Software Development Bootcamp. It represents the beginning of my transition from student projects to independently developed software.

The application allows users to calculate the total cost of a meal, including tax and tip, and instantly determine each person's share of the bill.

Live Demo

👉 https://graceelliott8374-tech.github.io/split-the-check/

Features

• Calculate subtotal, tax, and tip
• Split the bill among multiple people
• Real-time updates as values change
• Clean, responsive interface
• Input validation for common user errors

Built With

• React
• JavaScript (ES6+)
• HTML5
• CSS3
• Vite

What I Learned

This project strengthened my understanding of:

• React components
• State management with hooks
• Controlled form inputs
• Event handling
• Real-time calculations
• Component organization
• Responsive UI design

Most importantly, it gave me confidence that I could build complete applications independently after finishing my bootcamp.

Future Improvements

• Custom tip percentages
• Individual itemized bill splitting
• Save recent calculations
• Dark mode
• Accessibility improvements
• Receipt export

Screenshots

Coming soon

Installation

Clone the repository:

git clone https://github.com/graceelliott8374-tech/split-the-check.git

Install dependencies:

npm install

Run the development server:

npm run dev

License

This project is available for educational and portfolio purposes.