🛍️ MERN eCommerce App Frontend

Welcome to the frontend of the MERN eCommerce application! This project serves as the client-side interface of a full-stack eCommerce platform, built with React.js and Vite, providing users with a seamless shopping experience.

🚀 Features

• User-Friendly Interface: Intuitive design for easy navigation.
• Product Browsing: View and search for products effortlessly.
• Shopping Cart: Add, remove, and manage cart items.
• Order Management: Place orders and track order details.
• Admin Panel: Manage products, orders, and users with ease.

🛠️ Installation Guide

Follow these steps to set up the project locally:

1. Clone the Repository:

   git clone https://github.com/AnasHany2193/mern-eCommerce-app-frontend.git
   cd mern-eCommerce-app-frontend

2. Install Dependencies:

   Ensure you have Node.js installed. Then, run:

   npm install

3. Environment Variables:

   Create a .env file in the root directory and add the following variables:

   VITE_API_URL=http://localhost:5000
   VITE_STRIPE_PUBLIC_KEY=your_stripe_public_key

   Replace the placeholder values with your actual configuration details.

4. Start the Application:

   npm run dev

   The application should now be running on http://localhost:3000.

📸 Screenshots

Here are some screenshots showcasing different parts of the application:

• Home Page: The landing page displaying featured products and promotions.

• Products Page: A catalog of all available products with filtering options.

• Product Details Page: Detailed view of a selected product, including descriptions and reviews.

• Shopping Cart: View of the shopping cart with selected items ready for checkout.

• Search Results: Results page displaying products matching the search query.

• Orders Page: List of user orders with statuses and summaries.

• Order Details Page: Detailed view of a specific order, including itemized products and shipping information.

🛡️ Admin Panel

The application includes an admin panel that allows administrators to:

• Manage Products: Add, edit, or delete products.
• Handle Orders: View and update order statuses.
• User Management: Manage user roles and access.

This ensures efficient management of the eCommerce platform.

👤 About the Author

Developed by Anas Hany. Feel free to connect!

---

Happy shopping! 🎉