User Documentation
The ArtSee front end can be accessed here. (https://artsee-frontend.herokuapp.com/)
A customer profile can be logged in using:
Username: john1
Password: 123
An artist profile can be logged in using:
Username: dantheman
Password: 12345
When the user opens the website they are brought to this page. From here they have 2 options
- Login with existing account.
- Create an account as an artist, customer or administrator.
Login
Signup Window
Signup as Artist example
When signed in as a customer the navigation bar will be at the top of the screen with the following buttons
- Artwork Gallery - to view available artworks
- Artists - to see a list of all artists registered on the application
- Cart icon - Access the items in your cart to proceed to checkout
- Person icon - brings a drop down menu with the following options
- Your Orders
- Your Reviews
- Settings
- Logout
These buttons can be pressed at any time from any of the Customer pages.
Upon logging in as a customer the first screen you will be directed to is the Artwork Gallery. From here you can see cards of all available artwork. Each card has 2 buttons.
- View Details - Redirects you to a page with details on the artwork
- Add to Cart - adds the item to your cart to be purchased
This page shows details of the artwork such as the artist, the artists rating, the price, the artwork and artist descriptions. There are two buttons on this page.
- The Artist Name - redirects you to the Artist Profile Page
- Add to Cart - adds the item to your cart to be purchased
When the customer presses on the Artist button in the navigation bar they are redirected to this page where there is a list of all artists registered on the App. They are displayed as cards with their image, rating and description. There is a button on each card
- View Profile - redirects you to the Detailed profile page of the artist.
On this page you can fins all the information on an artist, such as their name, description, rating, number of artworks, as well as all of their artworks for sale. The actions from this page are:
- Add Review - Allows the customer to place a review for the artist.
- View Details - A button on each artwork available which directs you to the Detailed Artwork Page.
When clicking on the Cart icon from the navigation bar, the customer will be directed to their cart. A list of all items added to the cart will appear and, the following buttons are available.
-
- / + buttons - Adjust the quantity of an item in the cart.
- Trash icon - Removes the artwork from the cart.
- Checkout - Proceeds to the checkout page where the customer can put in their payment information.
Cart Page
Checkout Page
Once the customer successfully checks out the following thank you page appears.
If the customer tries to access their cart with no items added to it they are directed to this page.
Accessible through the person icon in the navigation bar, this page shows a list of all previous orders by the customer. It displays the order ID, the total price, of the order, as well as the date ordered and order status. Each order row has a button available:
- View details - Opens a window with more details on the Order.
Example of a detailed order view
Both customers and Artists can access the settings from the person icon in the navigation bar to update the information on their account. The page consists of several rows of fillable information to update their profile.
Artist Settings
Customer Settings
From the Artist page, or the order page, a customer can create a review on the artist. The information to be input is
- Comment - a brief description of the review.
- Rating - a scale of 1-5 stars based on the quality of the artist
When logging in as an artist, the user is directed to their personal profile page. From here they can view their ratings as well as their listed artworks. For each artwork listed they have the following options.
- View Details - directs them to the detailed artwork page.
- Update - allows them to update information on the artwork.
The navigation bar is also simplified for the artist, there is only an "Add artwork" and a Dashboard button which returns the artist to their profile. The person logo allows the artist to access their settings or log out.
When the artist wants to add an artwork listing they are brought to the following page. Where they must fill out:
- Artwork Name - the title of the artwork
- Description - a brief introduction to the art
- Image - an image of the artwork
- Price - the price of one unit of art
- Quantity - the number in stock
- Date created - the date the artwork was made
When the artist is satisfied with the information they put they press post artwork and the artwork will be available for purchase in the Gallery.
Customers must register for the application on the website and existing customers can login to the app by inputting their Username and Password. The app does not support functionality for the Artists.
Incorrect username and password will result in an error message being thrown on the frontend. Moreover, if an artist tries to login, an error message will be displayed indicating that Artists cannot login to the mobile application.
Successful login sends the user straight to the ArtSee Gallery where they can view all available artworks for sale. Each artwork listing will have a button to view the details of the artwork.
When a user clicks view details on an artwork listing from the gallery, they are brought to this page with a detailed description and artwork price. From there they can
- Purchase Item
When a user decides to purchase an artwork they are brought to a checkout page. Here they input their credit card information as well as the delivery method and can finalize their purchase.
If any of the fields are empty/incorrect, an error will be displayed on the frontend.
After purchasing an Item the following thank you page with the option to return to the gallery appears
