You will need node
and npm
installed globally on your machine.
Installation:
npm install
To Start Server:
npm start
To Visit App:
localhost:3000
By clicking the claim
button on the home page a user can claim a bounty.
On the home page by clicking the Create
button a bounty will be generated on the page.
The /gallery
page allows users to view different pieces posted by different users.
A filter option exists on the page, but does not implement true filtering of the results.
Clicking on an art piece in the gallery will bring the user to the /art
endpoint.
This endpoint allows the user to view a specific art piece, view a synopsis of an artists profile, and post comments on the piece. Posting comments is not implemented.
On the /art
endpoint the user may click Buy
in doing so they will successfully be able to purchase art.
A user may create an account for the site by clicking Create Account
under the person icon on the header bar. This will prompt the user to fill out a form and create an account. Following the account creation, a user will be signed in.
A user may sign in to the site by clicking Sign In
located under the person icon.
A user may sign out of the site by clicking Sign Out
located under the person icon.
A user may view a profile by clicking any name tag indicated by an @
symbol. Or by clicking on the person icon and clicking on My Profile
.
To chat with another user, click on the Chat
menu on the bottom right, fromn here a user may select different users to chat with. Actually chatting is not implemented.
Given that you are signed in, by clicking the bell icon a notification pane will drop down where you can click Pay Invoice
. This will redirect you to the /payment
screen where you may select a payment option or remove them. Removing is not implemented. Clicking Use
will complete your payment and redirecting you to the /payment/complete
screen where you can see your complete payment information.
On the /payment
screen if you press Add New Payment Method
, you will be redirected to /payment/add
. Here you can enter your card information and confirm or cancel adding your information.
Given that you are signed in, by clicking the bell icon a notification pane will drop down where you can click Bounty Status
. This will redirect you to /commission/status
where you can view the status of your bounty.
Given that you are signed in, by clicking the bell icon a notification pane will drop down where you can click View Shipment
. This will redirect you /shipping/status
where you can see view the status of your shipment.
Login information is stored in localstorage, so clearing that will log you out. The bounties you create are also stored in localstorage, so clearing localstorage will delete any additional bounties you create during your session.
Several of the pages are implemented as view only, in other words even if the data is entered correctly into the form, it will not be displayed on page. We do this because this website has no backend, and the UX is truly what we want to represent.
This project invokes 1st Amendement right to create a "transformative" work out of an existing work to comment on it and/or to mock it in some way, any art or pictures used on the site are used with fair use, and we expressely do not claim the rights to any works displayed on the site. Including the pictures of Longley :)