This is a React project that allows users to manage their friendships and split bills with their friends. The project includes the following components:
App
: The main component that renders the sidebar and the main content area.FriendList
: A component that renders a list of friends.Friend
: A component that renders a single friend's information, including their name, image, and balance.FormAddFriend
: A component that allows users to add a new friend.FormSplitBill
: A component that allows users to split a bill with a friend.Button
: A component that renders a button with a specific label.
The project includes the following features:
- Users can add new friends and view their information.
- Users can select a friend to view their balance and split a bill with them.
- Users can remove friends from their list.
- Users can split a bill with a friend and view the updated balance for both users.
- Users can choose who will pay the bill.