Application Layout Brainstorm: Create Wireframe

[insamuel]

Ideas for app layout.

Two sections of the app are buying books and selling books. Example Layout:

Pg 1: Login screen - give user and password could have sign up here button as well which brings to signup pg (pg 1.1) then logs you in after you submit

Pg 2: Home Screen - After login page, brings you to page with three buttons buy, sell, logout.

Pg 3: Buy Screen - Click the buy button on home screen and get to buy screen page, has search bar and filter bar with a results table underneath. (TODO: flesh out how buying works.) This will list listings that have been added by users on this platform as well as listings that have been scrapped from the web. Has back button.

Pg 4: Sell Screen - Click the sell button on home screen and get to sell screen page, has a search, filter by date price bar and a table of existing listings. Above the existing listings for the user table have an add listing button. On the table filter/search bar have a delete checked entry/listing (if have checkboxes next to existing listings) Has back button.

Pg 5: Add Listing Screen - Click the add listing button on the sell screen and get to the add listing screen page, has a form where you add book details and price and upload pictures. Has back button and submit button.

[insamuel]

I have created a wireframe diagram and added it to the docs folder of the project.

[insamuel]

done