Feb 05, 2021

TriShop

.Fullstack e-commerce application built using Nextjs with MongoDB database and custom authentication middleware using JSON web tokens. This is a typical e-commerce website for a home business owner complete with user and admin dashboard to track payment and activity reports. You can check the application on Vercel and also the source code on my Github Repo.

Home Page Home Page by Rifandani

On the home screen, customer could see overview of the shop.

Products Page Products Page by Rifandani

This is where all the shop owner products listed.

Product Detail Page Product Detail Page by Rifandani

When a customer clicks on the product card from the products page, they redirected to this page.

Cart Page Cart Page by Rifandani

When a customer decided to buy products from the shop, they would go this page before proceeding to the checkout page.

Checkout Page Coming soon.

Login Page Login Page by Rifandani

This is where the customer or shop owner login. If the customer login, they will be redirected to the customer dashboard, else they will be redirected to the admin dashboard.

Customer Dashboard Page Coming soon.

Admin Dashboard Page Admin Dashboard Page by Rifandani

This is where shop owners could see all the overall info and statistics from the website. Admin could create, edit, delete the users / admins and also create, edit, delete the products listing.