# Project Name

Welcome to the **E Commerce App with Flutter**! This project aims to provide a seamless user experience with support for both normal and dark modes. This README will guide you through the structure of the project and provide information on how to get started.

## Table of Contents

- [Project Overview](#project-overview)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Screenshots](#screenshots)

## Project Overview

**E Commerce App with Flutter** is designed to be a user-friendly application that adapts to both normal and dark mode preferences. The application includes various features to enhance user experience, ensuring accessibility and a modern interface.

## Features

- **Dark Mode and Normal Mode**: Toggle between light and dark themes.
- **User Authentication**: Secure login and signup processes.
- **User Profile Management**: Update personal information and manage account settings.
- **Product Browsing**: Browse products with detailed views and reviews.
- **Shopping Cart**: Add products to the cart and proceed to checkout.
- **Order Management**: Review and manage orders.
- **Wishlist**: Save favorite items for later purchase.

## Installation

To get started with the project, follow these steps:

1. **Clone the repository**:
    ```bash
    git clone https://github.com/Al-Fuad/e_commerce_with_flutter.git
    ```

2. **Navigate to the project directory**:
    ```bash
    cd e_commerce_with_flutter
    ```

3. **Install dependencies**:
    ```bash
    npm install
    ```

4. **Start the development server**:
    ```bash
    npm start
    ```

## Usage

Once the development server is up and running, you can access the application in your web browser at `http://localhost:3000`. You can toggle between normal and dark modes using the theme switcher in the application.

## Screenshots

The following section showcases screenshots of the application in both normal and dark modes, displayed side by side for comparison.

| Normal Mode                                          | Dark Mode                                                      |
|------------------------------------------------------|----------------------------------------------------------------|
| ![Splash](screenshots/splash.jpeg)                   | ![Splash Dark](screenshots/splash_dark.jpeg)                   |
| ![On Boarding 1](screenshots/on_boarding_1.jpeg)     | ![On Boarding 1 Dark](screenshots/on_boarding_1_dark.jpeg)     |
| ![On Boarding 2](screenshots/on_boarding_2.jpeg)     | ![On Boarding 2 Dark](screenshots/on_boarding_2_dark.jpeg)     |
| ![On Boarding 3](screenshots/on_boarding_3.jpeg)     | ![On Boarding 3 Dark](screenshots/on_boarding_3_dark.jpeg)     |
| ![Login](screenshots/login.jpeg)                     | ![Login Dark](screenshots/login_dark.jpeg)                     |
| ![Forget Password](screenshots/forget_password.jpeg) | ![Forget Password Dark](screenshots/forget_password_dark.jpeg) |
| ![Reset Password](screenshots/reset_password.jpeg)   | ![Reset Password Dark](screenshots/reset_password_dark.jpeg)   |
| ![Signup](screenshots/signup.jpeg)                   | ![Signup Dark](screenshots/signup_dark.jpeg)                   |
| ![Confirm Email](screenshots/confirm_email.jpeg)     | ![Confirm Email Dark](screenshots/confirm_email_dark.jpeg)     |
| ![Account Created](screenshots/account_created.jpeg) | ![Account Created Dark](screenshots/account_created_dark.jpeg) |
| ![Home](screenshots/home.jpeg)                       | ![Home Dark](screenshots/home_dark.jpeg)                       |
| ![Cat](screenshots/cat.jpeg)                         | ![Cat Dark](screenshots/cat_dark.jpeg)                         |
| ![Popular](screenshots/popular.jpeg)                 | ![Popular Dark](screenshots/popular_dark.jpeg)                 |
| ![Store 1](screenshots/store_1.jpeg)                 | ![Store 1 Dark](screenshots/store_1_dark.jpeg)                 |
| ![Store 2](screenshots/store_2.jpeg)                 | ![Store 2 Dark](screenshots/store_2_dark.jpeg)                 |
| ![Brands](screenshots/brands.jpeg)                   | ![Brands Dark](screenshots/brands_dark.jpeg)                   |
| ![Brand Product](screenshots/brand_product.jpeg)     | ![Brand Product Dark](screenshots/brand_product_dark.jpeg)     |
| ![Product 1](screenshots/product_1.jpeg)             | ![Product 1 Dark](screenshots/product_1_dark.jpeg)             |
| ![Product 2](screenshots/product_2.jpeg)             | ![Product 2 Dark](screenshots/product_2_dark.jpeg)             |
| ![Cart](screenshots/cart.jpeg)                       | ![Cart Dark](screenshots/cart_dark.jpeg)                       |
| ![Order](screenshots/order.jpeg)                     | ![Order Dark](screenshots/order_dark.jpeg)                     |
| ![Order Review](screenshots/order_review.jpeg)       | ![Order Review Dark](screenshots/order_review_dark.jpeg)       |
| ![Payment Success](screenshots/payment_success.jpeg) | ![Payment Success Dark](screenshots/payment_success_dark.jpeg) |
| ![Review](screenshots/review.jpeg)                   | ![Review Dark](screenshots/review_dark.jpeg)                   |
| ![Wishlist](screenshots/wishlist.jpeg)               | ![Wishlist Dark](screenshots/wishlist_dark.jpeg)               |
| ![Settings 1](screenshots/settings_1.jpeg)           | ![Settings 1 Dark](screenshots/settings_1_dark.jpeg)           |
| ![Settings 2](screenshots/settings_2.jpeg)           | ![Settings 2 Dark](screenshots/settings_2_dark.jpeg)           |
| ![Address](screenshots/address.jpeg)                 | ![Address Dark](screenshots/address_dark.jpeg)                 |
| ![Add Address](screenshots/add_address.jpeg)         | ![Add Address Dark](screenshots/add_address_dark.jpeg)         |
| ![Profile](screenshots/profile.jpeg)                 | ![Profile Dark](screenshots/profile_dark.jpeg)                 |

Thank you for using **E Commerce App with Flutter**! We hope you enjoy the application and find it useful. If you have any questions or need further assistance, please don't hesitate to contact us.