Project live site Thrift Store.
Admin Credential
- Email: admin@admin.com
- Password: 123456
Seller Credential
- Email: seller@seller.com
- Password: password
Buyer Credential
- Email: buyer@buyer.com
- Password: password
1. Github Client Side Repository
2. Github Server Side Repository
3. Live Website
- User can register as seller or buyer.
- User can login as admin, seller and buyer
- Login user can report a product to admin, or book a product.
- For booking a product user must fill the form in modal with additional information.
- Make a private route where only buyer can access.
- Booked products will show in buyer dashboard. In dashboard buyer can delete booked products.
- User can pay for a product and the payment method implement using stripe.
- After the payment done the paid product will not show in advertisement section or in categories of products.
- Create role and routes for only admin, seller and buyer.
- Like AdminRoute where only admin can access. For securing server side API access create a admin middle-ware role.
- And a SellerRoute Where only seller can access. And to secure server side API access create a seller middle-ware role.
- Seller can advertised seller product or remove advertisement from the product.
- Seller can also add a product with product information and upload a image that hosted on imageBB hosting service.
- Seller can also delete seller own product in seller dashboard.
- Admin can view all sellers and buyers information. And delete a seller/buyer or make a admin.
- In all-seller route admin can verify a seller or remove verification.
- If seller is verified then a blue tick icon will show side of seller name as verified seller.
- In reported items route admin can see all reported items. And delete the reported item.
- This project use
react.js
as a front-end library. - And to add style and to make responsive used
Tailwind CSS
anddaisyUI
as TailwindCSS component library. - Create a admin route feature for only admin can access.
- Create a seller route feature only seller can access.
- Payment system feature for buyer to pay. Using
stripe
. react-query
- used for fetching data from server and loading state and refetchaxios
- Explore the use of axios and used to get server data.date-fns
- used to format the date.firebase
- as authentication service. And to host this website.react-router-dom
- Using react-router-dom make all the route for this project.react-hook-form
- Using get form values, show error message and some basic validation.react-hot-toast
- To show beautiful message for user.react-icons
- Used for site icon.