Red Store

Offline

An e-commerce web application featuring product browsing, cart management, and secure checkout workflows.

Red Store

About This Project

Red Store is an e-commerce web application developed as a collaborative group project to simulate a real-world online shopping experience. The project focuses on delivering clear and reliable user flows rather than purely visual features.

As a Frontend Developer in a team of eight, I was responsible for building responsive user interfaces and implementing core shopping features such as product browsing, cart management, and a multi-step checkout process. Particular attention was given to handling asynchronous states during checkout to ensure a smooth and predictable user experience.

The application integrates with a backend API that manages order processing and payment confirmation via Midtrans. From the frontend perspective, this required careful handling of loading states, error scenarios, and data synchronization to maintain transactional consistency.

Built with React, TypeScript, and Tailwind CSS, Red Store emphasizes component reusability, consistent UI patterns, and collaboration within a shared codebase. The project demonstrates my ability to work effectively in a team environment and implement transactional user flows in a structured manner.

Technologies Used

React.js
TypeScript
Tailwind CSS
Shadcn UI
Context API
React Hook Form
Zod
Axios

Key Features

  • Secure Checkout with Midtrans Payment Gateway
  • Multi-Vendor Inventory Management
  • Responsive Shopping Cart & Wishlist
  • Seller Dashboard with Sales Analytics
  • Automated Order Tracking System
  • Dynamic Product Search & Filters

Project Info

Year
2024
Status
Offline