https://github.com/kirollos-rezkallah/tip-calculator

💰 Tip Calculator – A modern, playful, and fully responsive React app that helps you split tips with a friend! 🎉
https://github.com/kirollos-rezkallah/tip-calculator

components controlled-components controlled-elements form jsx props react reactjs responsive-design state-management

Last synced: 3 months ago
JSON representation

💰 Tip Calculator – A modern, playful, and fully responsive React app that helps you split tips with a friend! 🎉

• Host: GitHub
• URL: https://github.com/kirollos-rezkallah/tip-calculator
• Owner: Kirollos-Rezkallah
• Created: 2025-02-25T17:00:51.000Z (3 months ago)
• Default Branch: master
• Last Pushed: 2025-02-25T17:16:41.000Z (3 months ago)
• Last Synced: 2025-02-25T18:23:06.432Z (3 months ago)
• Topics: components, controlled-components, controlled-elements, form, jsx, props, react, reactjs, responsive-design, state-management
• Language: JavaScript
• Homepage: https://kirollos-rezkallah.github.io/tip-calculator/
• Size: 435 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 💰 Tip Calculator - React App

A **modern** and **playful** React-based Tip Calculator that lets you **split tips** with a friend! 🎉  

It features a **responsive design**, **smooth animations**, and an **intuitive UI**.

## ✨ Features

- ✅ Enter the bill amount and select your tip percentage.

- ✅ See the total amount **including tips** instantly.

- ✅ Fun, **animated UI** with playful colors.

- ✅ Responsive **for mobile & desktop** users.

- ✅ Simple & fast **React state management**.

## 🖥️ Live Demo

[🚀 Click here to try it out!](https://kirollos-rezkallah.github.io/tip-calculator/)

## 🛠️ Tech Stack

- **React.js**

- **CSS (Flexbox, Animations)**

- **Hooks (useState)**

## 💌 Contact us

Crafted with passion by Kirollos Rezkallah. Explore more projects on [GitHub](https://github.com/Kirollos-Rezkallah) and drop me a message at [[email protected]](mailto:[email protected]) for instant connections and collaborations.