Interface
Design and Ideation
I want to make a simple webapp that will be accessible from cellphones, no need to sign up or sign in, so that people can use it to buy and sell items on the lockers. The payment will be done on an outer platform (Zelle/Venmo/Paypal), and once approved by the seller/admin - the buyer would get the code access to the locker. For the class presentation I'll cut that part to mimic the transaction by just sending the code when hitting a button (without having to really pay and submit approval - to make the presentation quick and easy).
I started a draft for the flow of the user experience on the app on Figma:
The project will be hosted on my GitHub where you can check out the interface code. I decided to build it using SvelteKit because I'm already familiar with it and because it has good libraries for the functions I'll need, like uploading pictures or connecting to payment apps. Here's my GitHub project, including the front and backend: https://github.com/Kup135/BuyBye
First step, I wanted to update the structure of my files to decide what goes on the frontend/backend. Here are the inputs that will eventually have to show up on the frontend:
- Photos of the item being sold
- Description (optional)
- Recommended description
- Recommended price
User input:
ChatGPT or other API: