Bazar

Buyer Portal Built A new Buyer Portal to allow users shop for overstock items Ied a team and it is built mainly with React (Next.js) and Typescript with GraphQL

These overstock items are sold as pre-packs ( collection of items based on colors ), Bundles ( different products sold as an item ) FullSKU ( Entire inventory )

These listings meant additional complex logic for the frontend and backend

main features include

- Login

- Sign up

- Cart

- Checkout with Stripe

- Checkout with Google / Apple pay

- Checkout with Slope

- Advance search

- Product details page

- Brands

- Collections

Other Silent features included a virtual wallet so we could issue credits in case of a modified or canceled order

Other features that I built into the project,

Rich component UI library and design system built with storybook

Playwright Unit Tests integrated with GitHub actions Supplier Portal This is the main Supplier portal that allows suppliers to upload their products and manage their inventory along with orders.

I led a team of engineers to build this and it is built primarily with React, Next.js, and Apollo Client

Unlike traditional systems like Shopify here because the main buyer portal deals with overstock items the supplier can create something called "listings"

"Listings" is how they want to sell the product and there are 3 types:

- Prepack

- FullSku

- Individual

This made the whole product upload very complicated

because after they fill in the product information and variants information they also had to enter the listing

to manage such a complex form I used react hook form and yup

We also had something called order modification

where a supplier can modify the items in an order if for some reason the requested quantities are not available

we handled refunds through stripe and credit ( wallet )

The Supplier portal also supported a very useful feature called "Super Admin" This allowed customer support staff to login into a supplier account as an admin and can help them upload products, add tracking information, or look at an order if there's any issue This is the admin application where the admin can manage orders, buyers and suppliers.

This portal is also responsible for managing the UI and certain features of the buyer portal like:

- Creating Collections

- Creating Featured Products

- Creating Coupons

- Issuing credits to buyers

and so on