/split-bill-with-a-friend

Primary LanguageJavaScript

Split A Bill With A Friend

Introduction

"Split a Bill with a Friend" is a simple web application developed as part of Jonas's Udemy course to practice React fundamentals. The application allows users to manage expenses with friends by adding friends to a list and splitting bills with them.

This project is created using React with Vite and is designed to demonstrate the basics of React including state management, component structuring, and responsive design using CSS.

Features

  • Add friends to your list with their name and avatar.
  • Select a friend and split a bill, specifying who owes whom.
  • View a list of friends along with their balance (amount owed or owing).
  • Responsive design for a seamless experience on desktop and mobile devices.

Technologies Used

  • React (Vite)
  • JavaScript
  • HTML
  • CSS

Installation and Setup

To get this project up and running on your local machine, follow these steps:

  1. Clone the Repository 
    git clone https://github.com/Rahaf-Mansour/split-bill-with-a-friend.git
cd split-bill-with-a-friend
  2. Install Dependencies Make sure you have Node.js installed, then run:
npm install
  1. Start the Development Server
npm run dev

Take A Look

image image image

Acknowledgments

Jonas Schmedtmann, for the comprehensive React course on Udemy.