Project information
- Category: E-Commerce Web App
- Stack: TypeScript, JavaScript, React, HTML5, SCSS, GraphQL, MongoDB, Next.js, Stripe, CMS, Docker
- Project Date: May 2024
- Shop Demo: https://youtu.be/OeB-kHXq8Ic
- Github URL: https://github.com/jabhuiyan/janjub-express
A full stack responsive e-commerce web application that allows a fully-working backend, enterprise-grade admin panel, and a beautifully designed, production-ready website. Made using Payload CMS, Janjub Express has:
-An Admin panel
-A Home Page
-A Shop Page
-A Products Page
-Cart and Checkout with Stripe
-Create, Login and Forgot Password Pages
-etc.
Key features include:
Authentication: Users are auth-enabled and encompass both admins and customers based on the value of their roles field. Only admin users can access admin panel to manage the store whereas customer can authenticate on the front-end to create shopping carts and place orders but have limited access to the platform.
Products: Products are linked to Stripe via a custom select field that is dynamically populated in the sidebar of each product. Products are also stored and separated by Categories which are used to filter products as well as show Related Products. Orders are created when a user successfully completes a checkout. They contain all the data about the order including the products purchased, the total price, and the user who placed the order.
Carts: Logged-in users can have their shopping carts saved to their profiles as they shop. This way they can continue shopping at a later date or on another device. When not logged in, the cart can be saved to local storage and synced to Payload on the next login.
Paywall: Products can optionally restrict access to content or digital assets behind a paywall. This will require the product to be purchased before it's data and resources are accessible.
Admin panel: All pages and products are draft-enabled so an admin can preview them before publishing them to the website. Admins have complete SEO control from the admin panel. All SEO data is fully integrated into the front-end website. Admins can create update, delete, and publish any product or page as well as upload medias.
Accounts: Customers can see and edit their account info as well as view their saved orders and previous purchases in the Accounts page...
...and so much more! It is absolutely packed with functionalities that are impossible to finish listing here!