ARTketplace is a digital art marketplace where users can buy art pieces from other users as well as sell their own art pieces. This application is inspired by the digial art marketplaces connected to crypto currency. ARTketplace is intended to be accessible to all users, as it is only accepting USD.
Users will have the ability to create an account and have access to their own profile which will contain pieces they own and pieces they want to sell. The user will also be able to create collections to store their art upon creating a new listing and after a listing is created.
Overall, ARTketplace is a fun and inviting platform where art can be shared and users can be inspired.
- Responsive Navbar
- Account Creation
- Listing Art Pieces
- Creating Collections
- Ability to Edit Listings
- Login/Logout Responsiveness
Upon loading the application, the user will land on the home page. In order to view or utilize any other features, the user must create an account with a unique user name and a password longer than 8 characters. Once the account is created, the user will be able to view their profile, view their collections, add a listing and have the option to logout, all which are located in the navbar.
In order to create a listing, the user must select the 'create listing' button and the create listing form will show on the screen. The proper credentials should be filled out one of which will include an image link to the artwork that will be listed. The ability to preview the image will be included. Then the user will choose whether they want to add their art piece to a collection or have it as a stand alone listing. Once the form is completed, the user will select 'add to list of art' and the listing will be created.
To buy a piece of art, the user must select which piece that they would like to purchase by selecting 'view'. The single piece of art will show by itself with the price and a 'buy now' button. When the 'buy now' button is selected, a modal will display congratulating the user on their purchase. The art piece will then display in the user's profile when 'my profile' is selected.
- Tailwind CSS
- daisyUI
- Fetch
- Popperjs
- Figma
- Node
- NPM
- Express.js
- Sequelize
- MySQL
- Handlebars
.gif)