UI User Stories

UI Mockup

To see the full Figma diagram, follow this link. Note that as a non-collaborator, you will not be able to see the arrows connecting each screen as you can in the preview below. You can however use the play button in the top right to simulate navigating the app (walking these connections).

Individual exports of the individual screens can also be seen below.

Figma Preview:

UI pages by name

Accepted Book Details
Accept Request
Add Book
Borrow Book
Borrowed Book Details
Borrowed
Edit Book
Edit Profile
Explore Book Details
Explore
Filter Dialog Fragment
Image Select Dialog Fragment
Login
Main Menu
Manage Requests
My Accepted Book Details
My Available Book Details
My Books
My Borrowed Book Details
My Profile
My Requested Book Details
Pending Requests
Requested Book Details
Scan ISBN
Signup
View Profile

Table of user stories and related pages

User Story	Description	Pages	Requirement Met By
US 01.01.01	As an owner, I want to add a book in my books, each denoted with a clear, suitable description (at least title, author, and ISBN).	Add Book	Allows adding a title, author, ISBN, description, and image.
US 01.02.01	As an owner, I want the book description by scanning it off the book (at least the ISBN).	Add Book; Edit Book	Camera icon in the ISBN edit text field allows owner to scan their book.
US 01.03.01	As an owner or borrower, I want a book to have a status to be one of: available, requested, accepted, or borrowed.	My Books; Borrowed; Pending Requests; Explore; Filter Dialog Fragment	Shows all four possible statuses of books.
US 01.04.01	As an owner, I want to view a list of all my books, and their descriptions, statuses, and current borrowers.	My Books	Shows list of all the owner's books with their descriptions, statuses, and current borrowers.
US 01.05.01	As an owner, I want to view a list of all my books, filtered by status.	My Books; Filter Dialog Fragment	The filter dialog allows you to filter by book status.
US 01.06.01	As an owner, I want to view and edit a book description in my books.	Edit Book	Allows editing a title, author, ISBN, description, and image.
US 01.07.01	As an owner, I want to delete a book in my books.	Edit Book	Provides a delete button.
US 02.01.01	As an owner or borrower, I want a profile with a unique username and my contact information.	My Profile	Has a username, first name, last name, email, and phone number.
US 02.02.01	As an owner or borrower, I want to edit the contact information in my profile.	Edit Profile	Allows editing first name, last name, email, and phone number.
US 02.03.01	As an owner or borrower, I want to retrieve and show the profile of a presented username.	View Profile	Clicking on a username opens the view profile page for a user.
US 03.01.01	As a borrower, I want to specify a keyword, and search for all books that are not currently accepted or borrowed whose description contains the keyword.	Filter Dialog Fragment; Explore	Can enable filters using the filter page and search by keyword using the search button.
US 03.02.01	As a borrower, I want search results to show each book with its description, owner username, and status.	Explore	Shows all books with their descriptions, owner username, and status.
US 04.01.01	As a borrower, I want to request a book that is not currently accepted or borrowed.	Explore Book Details	Provides a request button for books that are available or requested.
US 04.02.01	As a borrower, I want to view a list of books I have requested, each book with its description, owner username, and status.	Pending Requests	Displays all requested books with their description, owner username, and status.
US 04.03.01	As an owner, I want to be notified of a request.	My Books	Mainly satisfied by Android push notification. My Books also shows notification icon.
US 04.04.01	As an owner, I want to view all the requests on one of my books.	Manage Requests	Shows list of all requests for a given book.
US 05.01.01	As an owner, I want to accept a request on one of my books. (Any other requests on the book are declined.)	Manage Requests; Accept Request	Provides an accept request button.
US 05.02.01	As an owner, I want to decline a request on one of my books.	Manage Requests	Provides an decline request button.
US 05.03.01	As a borrower, I want to be notified of an accepted request.	Pending Requests	Mainly satisfied by Android push notification. Pending Requests also shows notification icon.
US 05.04.01	As a borrower, I want to view a list of books I have requested that are accepted, each book with its description, and owner username.	Pending Requests; Filter Dialog Fragment	The filter dialog allows you to filter by book status.
US 06.01.01	As an owner, I want to hand over a book by scanning the book ISBN code and denoting the book as borrowed.	My Accepted Book Details; Scan ISBN	Click the accept button, scan the ISBN, then click done.
US 06.02.01	As a borrower, I want to receive an accepted book by scanning the book ISBN code to confirm I have borrowed it.	Accepted Book Details; Scan ISBN	Click the borrow button, scan the ISBN, then click done.
US 06.03.01	As a borrower, I want to view a list of books I am borrowing, each book with its description and owner username.	Borrowed	Shows list of all borrowed books with their description and owner.
US 07.01.01	As a borrower, I want to hand over a book I borrowed by scanning the book ISBN code to denote the book as available.	Borrowed Book Details; Scan ISBN	Click the return button, scan the ISBN, then click done.
US 07.02.01	As an owner, I want to receive a returned book by scanning the book ISBN code to confirm I have it available.	My Borrowed Book Details; Scan ISBN	Click the receive button, scan the ISBN, then click done.
US 08.01.01	As an owner, I want to optionally attach a photograph to a book of mine.	Add Book; Edit Book	Can click on the placeholder image to add an image.
US 08.02.01	As an owner, I want to delete any attached photograph for a book of mine.	Edit Book	Can click the red on the image to delete it.
US 08.03.01	As an owner or borrower, I want to view any attached photograph for a book.	Image Preview Dialog Fragment	Expands the preview image when an image is clicked.
US 09.01.01	As an owner, I want to specify a geo location on a map of where to receive a book when I accept a request on the book.	Accept Request	Requires you to place a pin to choose the meeting location.
US 09.02.01	As a borrower, I want to view the geo location of where to receive a book I will be borrowing.	Meeting Location	Shows a map with the location the book is to be picked up.