WEARITI

Full-featured fashion e-commerce web app with cart, wishlist, and auth.

2023• Role: Frontend Developer

About this Project

WEARITI (ATTIREX) is a fashion e-commerce platform covering the full shopping flow — browsing, product details, cart, wishlist, checkout, and user profiles — with simulated authentication and a mocked backend so the frontend could be built and demoed independently of a real API.

Tech Stack

React 18

Material UI

React Router DOM

Axios

MirageJS

Tools Used

VS Code

Mockman

Netlify

Key Features

Shopping Experience

▸Product Listing & Detail Pages: Browse and view individual fashion items.
▸Cart & Wishlist: Add, remove, and manage items across both lists.
▸Checkout Flow: Multi-step checkout simulating a real purchase process.

Account & Architecture

▸Authentication: Login, signup, and logout flows using JWT encode/decode.
▸Mock API: MirageJS simulates backend REST endpoints for development without a live server.
▸UI Components: Built with Material UI (MUI) for consistent, polished components.

Highlights

Mocked Backend with MirageJS

JWT-Simulated Authentication

Full Shopping Flow

Installation

Clone and Setup

git clone https://github.com/Itsayu/WEARITI-FASHION-main.git
cd WEARITI-FASHION-main
npm install

Run Dev Server

npm start

Challenges & Solutions

Challenge

Building Without a Real Backend

Solution

Used MirageJS to mock REST API endpoints, enabling full frontend development and testing before backend integration.

Jupiter Visa Advisors

MeriEMI