Trivart

Trivart is a fully functional Ecommerse platform that enables user to create there account and browse different category of art items and order them. Managed by one Admin Where Admin can create product manage products subcategory. Check all the queries submitted by user from website. Manage the State(Shipped,Delivered,Cancelled) of Orders. Create and manage Coupons. This platform is built using React,PostgrSql,Redis,GoLang.

Trivart aims to provide A seamless and ineractive Ecommerse experience for Customers and Admins.

System Architecture

Trivart platform consists of three main components: Frontend,Backend,Database. This System follows client-server Architecture.

Frontend

The front end of this platform is build using ReactJs,Chakra-ui,Acertinity-ui.React js allows for the creation of dynamic and responsive user interface.

Backend

The Backend of the platform is built using Fiber which is a GoLang libray similar of Express. We used Fiber and Go instead of Nodejs beacuse of its easy to use , fast compared other framworks avilable, concurrency support, easy to handle large amount of users without doing any extra tunning.

Database

The database of this platform is build using PostgreSql and Redis. PostgreSql allowsf or the storage of relational data in most efficient way and it is used by most of the Ecommerse platforms. SQL language support for interacting with database. Redis is used for RefreshToken storing and most frequently accesed products.

Architecture Design

Here is the high-level diagram that illustrates the architecture of the Trivart Ecommerse platform.

Frontend:

Frontend is the part of the platform where user interacts with most. It is the face of the platform. The frontend of this platform has this pages and functionality

• HomePage: This page will have a brief introduction to the platform, as well as some featured products.

• Shop Page- category wise some top products are listed here.User can browse the products and click view more for more items.

• Shop list: This is the page where all the products are listed and a filter is given in left side to filter and sort the products. All types of Filters are avilable to find your desired Product.

• Product Details Page: Where you can look closely about the product add to cart, buy now,Set Quantity,Add to favourite.

• Cart Page-Add or remove items from Cart, Coupon apply feature and checkout

• Order: Here if you have any default address that will be fetched automatically if not then it will ask you to add one. After that you can confirm Order.

• Account Section
  

  • Order: Manage orders
  • Address:Add, Update,Delete address,Set default
  • Password: Password Change
  • Account:Delete your account -About ,Contact Us page have usuaal functionality as they required.

Data Models and Database Schema:

The back end of Trivart uses a range of data models and database schemas to manage data. Overall, the back-end of Trivart is designed to provide a robust and scalable solution for an Ecommerse platform, with a focus on security, reliability, and ease of use.

Api Design

The Trivart platform's API is designed following the REST architectural style. Follow this to know more About Api

• ApiDocs

Deployment: The Deployment process for the Trivart will involve hosting the service in various cloud platform.Frontend can be deployed in vercel.The backend Requires more care we already created a docker-compose file you just need to run that file to up and run the backend. Deployment process is written here with most detailed way.We implemented a script for easy backups from psql directly push that to github repo you can find that folder here.

• Deployment & Contribution Guide

Future Enhancements:

• User Analytics Collection: User activity tracking in the website.
• Product Perfomance Tracking: Most viewed , Most brought, Most Clicked products.
• Elastic Search: Implementation for fast and user centric search feature.
• Verification: For non google Signups we will use Otp.

  Technologies Used

• Programming Languages:
  • JavaScript
  • Golang
• Database Management:
  • PostgreSQL
  • Redis
• Frameworks and Libraries:
  • Tailwind CSS
  • React
  • Fiber
• Other Tools:
  • Cloudinary
  • Git
  • AWS EC2
  • Mailgun
  • Postman

    Made With ❤️ By