Diba Portfolio.
Fullstack Application
Featured Case Study

Revoshop.

Modern e-commerce platform featuring interactive cart state, checkout simulation, and role-based authentication.

revoshop/screenshot-1.png
1 / 5
Revoshop screenshot 1
revoshop/screenshot-2.png
2 / 5
Revoshop screenshot 2
revoshop/screenshot-3.png
3 / 5
Revoshop screenshot 3
revoshop/screenshot-4.png
4 / 5
Revoshop screenshot 4
revoshop/screenshot-5.png
5 / 5
Revoshop screenshot 5
Swipe or click arrows to view gallery5 Screenshots
Section 1: Project Summary

Project Background

Overview

Revoshop is a full-featured e-commerce web application built to showcase modern state architecture and authentication patterns.

Problem Statement

Many shopping interfaces struggle with desynchronized cart states across navigation, a lack of clear separation between customer and administrator privileges (RBAC), and fragile error handling against third-party API disruptions.

Section 3: Tools & Method

Technical Stack

Frontend

Next.js 16React 19TypeScriptTailwind CSSAxios

Backend & Data

Platzi Fake Store APIbcryptjs AuthenticationJSON Data Modeling

Tools & Quality

Bun RuntimeBiome LinterComponent-Driven UI

Deployment

Vercel Deployment
Methodology & Strategy

Objectives & Methodology

Objectives

  • Build a reactive, persistent shopping cart state synchronized throughout page navigation.
  • Implement secure Role-Based Access Control (RBAC) protecting customer and administrative views.
  • Deliver a complete Admin Product Management dashboard with full CRUD capabilities.

Solution & Architecture

Created a modular Next.js application leveraging Bun, centralized cart mutations around a single source of truth, secured admin routes using Role-Based Access Control (RBAC) and bcryptjs hashing, and safeguarded external API communication.

Section 2: Scope of Work & Achievements

Results & Output

Outcomes & Delivered Features

  • Full cart management suite: item addition, quantity increments, individual removals, and instant subtotal recalculations.
  • Simulated multi-step checkout workflow complete with form validation and responsive sonner notifications.
  • Dual-role authentication (Admin & User) with salted password hashing and protected route middleware.
  • Dedicated Admin Product Management interface enabling full CRUD manipulation against the Platzi catalog API.

Key Achievements & Engineering Rigor

  • Secure role-based access control (RBAC) with robust bcryptjs password encryption.
  • Zero unhandled runtime state errors across shopping cart and simulated checkout journeys.
  • Fast rendering metrics powered by Bun runtime and responsive Tailwind CSS layouts.

Impact & Key Value

Demonstrates complete mastery over e-commerce state dynamics, high-reliability cart management, and enterprise-grade authentication standards.

Explore More

Other Featured Projects

Fullstack
Featured

TruBrush

A human-made digital art portfolio and secure escrow commission platform with client-side canvas protection.

Frontend
Featured

Todos Apps

Interactive task management web app with persistent browser local storage and reactive filtering.

Have a project in mind or want to build something together?

I am open to full-time roles, contracts, and discussing innovative software products.