TEAM-B-WEB-023

The repository for BUNN TEAM-B 2023 WEB DEVELOPMENT COHORT

Headphone E-Commerce Web App

Overview

Welcome to the Headphone E-Commerce Web App! This application allows users to explore and purchase a variety of high-quality headphones. The app is designed with a user-friendly interface, secure payment processing, and a responsive design for a seamless shopping experience.

Live Link

The web app is live and can be accessed (https://h-soundify.vercel.app/).

Team Mentor

• Chibuzo Franklin Odigbo

Team Members

• omeh kingsley Onyedikachi
• Eze pleasant Onyedikachi
• Eze ebuka john
• Ebubedike Nzube john
• Boniface ifebuche paul

Features

• Browse and search for headphones based on various criteria.

• View detailed product information, including images and specifications.

• Add products to the shopping cart and proceed to checkout.

• Responsive design for optimal user experience on various devices.

How It Helps

• Easy access to a wide range of high-quality headphones.
• Detailed product information for informed purchasing decisions.
• Secure and convenient online payment options.
• User-friendly interface for an enjoyable shopping experience.

Possible Errors Encountered During Development

While developing this web app, the team encountered and resolved the following issues:

1. Payment Processing Issues: Integration with the Stripe API required careful handling of payment events and error scenarios.

2. Responsive Design Challenges: Ensuring a consistent and appealing user experience across various devices required thorough testing and adjustments.

Getting Started

To run the project locally, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/your-repository.git
2. Navigate to the project directory: cd your-repository
3. Install dependencies: npm install
4. Start the development server: npm start
5. Open the web app in your browser: http://localhost:3000

Dependencies

• React
• React Toastify
• Stripe API
• React Router
• React icons