Mirror Clothing

A modern e-commerce clothing store built with React, Firebase, and Styled Components. This project is part of the Zero To Mastery React Developer course. Visit deployment with Netlify: https://celadon-pothos-5e3531.netlify.app/

Main landing page showcasing clothing categories.

Key Features & Screenshots

Smart Shopping Cart

Real-time cart updates and quick checkout access.

Secure Authentication

Multiple sign-in options.

Checkout Page

Checkout page

Features

• Browse clothing categories (Hats, Jackets, Sneakers, Mens, Womens)
• Shopping cart functionality with real-time updates
• User authentication with email/password and Google sign-in
• Category-based product filtering
• Built following ZTM React best practices and patterns

Technologies Used

• React 18
• Redux & Redux Logger
• Firebase Authentication & Firestore
• Styled Components
• Reselect for memoized selectors

Future Technologies

• Stripe Payment Integration
• GraphQL
• TypeScript
• Jest Testing

Prerequisites

• Node.js (v14 or higher)
• npm or yarn
• Firebase account

Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/mirror-clothing.git

2. Install dependencies:

cd mirror-clothing
npm install

3. Run the app:

npm start

The app will run on http://localhost:3000/

Licence

This project is licensed under the MIT License - see the LICENSE file for details