More Premium Hugo Themes Premium React Themes

MacMatch

It is an e-commerce website which provides various types of electronic products with online services.

MacMatch

It is an e-commerce website which provides various types of electronic products with online services.

Author Avatar Theme by namrata0407
Github Stars Github Stars: 8
Last Commit Last Commit: May 20, 2023 -
First Commit Created: Dec 18, 2023 -
MacMatch screenshot

Overview:

This product is a collaborative project built by four developers in four days. It is a website with multiple pages and features for users to browse and purchase products. The website has a home page, product page, cart page, shipping page, signup page, admin page, and more. It uses technologies like React, Redux, Redux-Thunk, Chakra UI, and Material UI.

Features:

  • Home Page: The website has a home page with a navbar and footer. It also includes a dropdown content feature and a search functionality.
  • Card Carousel: The home page features a card carousel that displays products.
  • Back to Top functionality: The website has a “Back to Top” functionality that allows users to quickly navigate back to the top of the page.
  • Product Page: The website includes a product page that allows users to view and filter products by category. Users can also sort products by price and add them to their cart. Pagination functionality is also available.
  • Cart Page: The cart page displays the items added to the cart and provides a total summary. Users can proceed to checkout from this page.
  • FAQ Sections: The website includes FAQ sections to provide answers to frequently asked questions.
  • Checkout Page: The checkout page allows users to proceed with the purchase by providing shipping and payment details.
  • Login & SignUp Page: Users can login and signup with their email or phone. The login page includes authentication and validation. User’s name is displayed on the navbar after signup.
  • Data Store In Local Storage: The website stores user data in the local storage.
  • Google Login Integration: Users can login to the website using their Google account. After login, the user’s image is displayed on the navbar.
  • Admin Page: The website includes an admin page with a dashboard. It provides summaries of all products, logged in users, and orders. It also displays price summaries.

Installation:

To install this theme, follow the steps below:

  1. Clone the repository: git clone [repository URL]
  2. Change into the project directory: cd [project directory]
  3. Install dependencies: npm install
  4. Start the development server: npm start

Summary:

This collaborative project is a feature-rich website that allows users to browse and purchase products. With a variety of pages and features like search functionality, filtering, sorting, cart management, and authentication, it provides a seamless shopping experience for users. The project was built using React, Redux, Redux-Thunk, Chakra UI, and Material UI by a team of developers in just four days.