Sales Reciepts
In Sales Reciepts you'll take this a step further by creating an app that records point of sales receipts, presumably for subsequent balancing…
In the First DB App you were able to learn the basics of how to use the IndexedDB database that's built into the browser. In Sales Reciepts you'll take this a step further by creating an app that records point of sales receipts, presumably for subsequent balancing against cash in the stores cash register. The objective of Sales Receipts is to implement point-of-sale functionality for a merchant and to make a record of all sales in a database. ### Requirements & Constraints - Developer should implement this app as a frontend application that uses the IndexedDB database in the browser to record…
Hosting · Free tier, sleeps when idle
Deploys free on Vercel Hobby + Supabase free or Cloudflare Pages + Turso free.
Free database tiers pause or expire when a project sits idle, so this one needs occasional attention to stay up.
Deploy it and share a link.
Core features · 10
- User can see an purchase panel containing buttons for each item containing
- User can click an item button to make a purchase.
- User can see an field displaying the total sale amount incremented as
- User can see a reciept panel displaying the date and time of the sale,
- User can click the 'Clear' button to clear all purchases at any time
- User can click the 'Checkout' button to complete purchase all selected
- User can see the receipt panel cleared after all items have been added
- User can see a 'Daily Sales' and a 'Clear All' button at the bottom of
- User can click the 'Daily Sales' button to display all items purchased
- User can click the 'Clear All' button to clear the receipt panel and
Once it works
- User can see an thumbnail image of the items on the item buttons.
- User can see the 'Clear' button replaced by 'Clear Entry' and 'Cancel
- User can click the 'Clear Entry' button to clear the last selected item
- User can click the 'Cancel All' button to clear all purchases made
- User can see an input field in the input panel the user may enter the