PTBC9 Project 1 - Qianling

README.md

@@ -13,3 +13,23 @@ Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
 
 The page will reload when you make changes.\
 You may also see any lint errors in the console.
+
+# User Story
+
+This bill-splitting app is handy for those seeking to remove the hassle of dividing costs fairly with other contributors to an activity. This app is convenient when we dine out with friends, purchase gifts, or even share household expenditures like utilities, home maintenances, and cleaning with housemates. This can help avoid unnecessary disagreements when the bill splitting feature simplifies the process of dividing costs equally. Each activity created is only meant for that specific activity and contributors. Users will have to re-enter the activity name and contributors for a new activity.
+
+# How to use
+
+1. Enter a username and click on the arrow button.
+2. Hit the Add Activity button to create a new activity.
+3. Enter activity name and contributors involved in the activity.
+4. Add and delete contributors whenever required. Then, click on Create an Activity button.
+5. Enter the item, price and payer from the drop down selection to record transactions.
+6. Add and delete transactions whenever required.
+7. Hit the Split button to derive how much each person owes one another.
+8. Hit the Home button to create a new activity.
+9. After an activity is created, transactions of the activity will be retained when browser session is closed.
+
+# Wireframe
+
+https://www.figma.com/file/oMHth5a8YZe8xgdXRjtEdS/Equals?type=design&node-id=1-2&mode=design&t=u6hTR1s1sMhXVTEQ-0