E-Commerce Platform

E-Commerce Platform is a comprehensive web application developed to facilitate online shopping, providing users with an intuitive interface and robust features for a seamless shopping experience.

Features

Core features we use include

Product Management

• Browse Products: Users can view a wide range of products with detailed descriptions and images.
• Product Details: Detailed view of each product with pricing, descriptions, and images.

Shopping Cart

• Add to Cart: Users can add products to their shopping cart.
• Remove on Cart:Users can remove products on their shopping cart
• Manage Cart: Update quantities or remove items from the cart.
• Checkout: Seamless checkout process with summary and order confirmation.
• Clear: after checkout clear cart

Technologies Used

Frontend

• React: A JavaScript library for building user interfaces.

• React Router: A library for routing in React applications, enabling navigation between different views or pages.

• Pure CSS: Styling the application with custom CSS for a unique and responsive design.

• #Dynamic data use mockup and These mockups are using local image imports and hard-coded product details, such as the name, category, image, new price, and old price.

• state managments such as useState and useEffect and userContext.

• Form Handling:We use React Context to manage the authentication state. This context will provide functions to log in, log out.

  • Login: Users can log in using their email and password.
  • Logout: Users can log out, ending their session.

• Testing Libraries:

  • @testing-library/react
  • @testing-library/jest-dom
  • @testing-library/user-event

Setup Instructions

Clone the Repository:

Open your terminal and run the following commands:

git clone https://github.com/hamda-Mohan/e-commerce.git
cd shopping 

Install Dependencies:

npm install

Set Up Environment Variables:

Create a .env file in the project root with appropriate configuration variables like API URLs and other necessary credentials.

Run the Development Server:

cd shopping

npm start

Access the FashionStore:

Open your browser and navigate to http://localhost:3000 to access the e-commerce platform.

Contributing

We welcome contributions from the community. If you have suggestions, find any issues, or want to add new features, please open an issue or submit a pull request on our GitHub repository.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or suggestions, please contact Hamdi at duumohamed3@gmail.com.