██████╗ ██╗ ██╗██╗ ██╗ ██████╗ ███╗ ██╗ ██╔══██╗██║ ██║██║ ██║██╔═══██╗████╗ ██║ ██████╔╝██║ ██║███████║██║ ██║██╔██╗ ██║ ██╔══██╗██║ ██║██╔══██║██║ ██║██║╚██╗██║ ██║ ██║╚██████╔╝██║ ██║╚██████╔╝██║ ╚████║ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═╝ ╚═════╝ ╚═╝ ╚═══╝ ██████╗ ██████╗ ██████╗ █████╗ ██╗ ██╗ ██╔══██╗██╔═══██╗██╔══██╗██╔══██╗██║ ██║ ██████╔╝██║ ██║██████╔╝███████║███████║ ██╔══██╗██║ ██║██╔══██╗██╔══██║██╔══██║ ██████╔╝╚██████╔╝██║ ██║██║ ██║██║ ██║ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═╝

Project Case StudyPRJ / 002

E-Commerce/2025/Completed

Phixel.

Project Overview

Built a scalable e-commerce platform with secure authentication, REST APIs, responsive UI, and a premium shopping experience.

GitHub View Live

SCROLL TO EXPLORE002 / 001

FIG / 001

Web Application

A complete MERN e-commerce experience.

A full-stack shopping platform combining responsive product interfaces with secure authentication, product management, cart, wishlist and scalable backend APIs.

Built with

React.jsNode.jsExpress.jsMongoDBMongoose

02 / Workflow

How it
comes together.

Authentication

Secure JWT authentication and protected application routes.

Products

Product browsing and management powered by REST APIs.

Shopping

Cart and wishlist functionality for a complete shopping workflow.

Orders

Order processing and backend data management.

03 / Stack

Tools and technologies used to bring the product to life.

Built with
the right tools.

React.js

Node.js

Express.js

MongoDB

Mongoose

Tailwind CSS

JWT

Redux

Cloudinary

Axios

04 / Gallery

Project visuals.

09 FIGURES

FIG / 001

FIG / 002

FIG / 003

FIG / 004

FIG / 005

FIG / 006

FIG / 007

FIG / 008

FIG / 009

End of case study

Project

Phixel.

A complete MERN e-commerce experience.

How itcomes together.

Authentication

Products

Shopping

Orders

Built withthe right tools.

Project visuals.

Phixel.

How it
comes together.

Built with
the right tools.