Headphone City
This is the E-commerce Headphone Store. created with React js, strapi, stripe payment and SCSS
Overview
Headphone-City is an E-commerce headphone store that has been created using React JS, Strapi, and Sass. Although the API is not currently hosted, the app provides a variety of features including a home page, different categories for headphones, smartwatches, bluetooth speakers, and wireless earbuds, a search bar, a single page view, a cart checkout page, and a payment page.
Features
- Home Page: The app includes a visually appealing home page that showcases various products and deals.
- Product Categories: Users can browse through different categories such as headphones, smartwatches, bluetooth speakers, and wireless earbuds.
- Search Bar: The app offers a search bar functionality that allows users to easily search for specific products.
- Single Page View: Users can view detailed information about individual products on a single page.
- Cart Checkout Page: The app provides a user-friendly cart checkout page where users can review and finalize their purchases.
- Payment Page: There is a dedicated payment page where users can securely make payments for their selected products.
Summary
Headphone-City is an E-commerce headphone store built with React JS, Strapi, and Sass. Despite the current unavailability of the hosted API, the app offers several key features including different product categories, a search bar, a detailed single page view, a cart checkout page, and a secure payment page. Users can have an enjoyable shopping experience through this app, exploring a wide range of headphones and related products.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Strapi
Strapi is an open source headless CMS that provides a customizable content management system and API for your projects. It allows you to manage content in a visual interface and use a REST or GraphQL API to retrieve the data.
- Ecommerce
Ecommerce websites sell products or services to customers through an online storefront. These websites typically include features such as product listings, shopping carts, payment processing, and order management tools.