E-Commerce Website

This is a fully functional e-commerce website built with React.js, React Router, and Context API for state management. It includes product listing, filtering, shopping cart, and checkout features.

Features

• Product Listing: Browse through a variety of products with filtering options.
• Product Details: View detailed descriptions and pricing for individual products.
• Shopping Cart: Add/remove products and see the total cost in real-time.
• Checkout Process: Secure checkout form with billing and payment details.
• Responsive Design: Optimized for desktop and mobile devices.

Technologies Used

• React.js
• React Router
• Bootstrap 5
• Context API (for cart state management)
• Google Maps API (for store location)
• FontAwesome (for icons)

Installation

1. Clone the repository:

   git clone [email protected]:EmmanuelAlcime/ecommerce.git

2. Navigate to the project directory:

   cd ecommerce-website

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

Project Structure

ecommerce-website/
│-- public/
│   ├── assets/
│   │   ├── smartphone.webp
│   │   ├── shoes.jpg
│   │   ├── jacket-2.jpeg
│   │   ├── headphones.webp
│   │   ├── laptop.jpg
│-- src/
│   ├── assets/
│   ├── components/
|   |__ layout/
│   ├── context/
│   ├── pages/
│   ├── App.js
│   ├── index.js
│-- package.json
│-- README.md

Available Scripts

In the project directory, you can run:

• npm start - Runs the app in the development mode.
• npm build - Builds the app for production.
• npm test - Launches the test runner.
• npm eject - Removes build dependencies and exposes configs.

License

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

Contact

For any inquiries or contributions, feel free to contact us at:

• Email: [email protected]
• Website: goalnoire.com
• Twitter: @goalnoire