Eat-n-Split เป็นแอป React สำหรับจัดการและแบ่งบิลกับเพื่อน
คุณสามารถเพิ่มเพื่อน เลือกเพื่อน และคำนวณการแบ่งค่าใช้จ่ายระหว่างคุณกับเพื่อนแต่ละคนได้อย่างง่ายดาย
- เพิ่มเพื่อนใหม่ พร้อมรูปโปรไฟล์
- เลือกเพื่อนเพื่อแบ่งบิล
- กรอกจำนวนเงินบิลและระบุว่าใครเป็นคนจ่าย
- ระบบจะคำนวณยอดค้างชำระหรือยอดที่เพื่อนต้องคืนให้โดยอัตโนมัติ
- แสดงสถานะยอดค้างชำระของแต่ละคน
- คลิก Add friend เพื่อเพิ่มเพื่อนใหม่
- เลือกเพื่อนที่ต้องการแบ่งบิล
- กรอกจำนวนเงินบิลและค่าใช้จ่ายของแต่ละฝ่าย
- เลือกว่าใครเป็นคนจ่ายบิล
- คลิก Split bill เพื่อบันทึกยอดค้างชำระ
- React (useState)
- CSS (สำหรับตกแต่ง UI)
พัฒนาเพื่อฝึกฝน React และการจัดการ state ในแอปพลิเคชันจริง