TrueEar || True Wireless Earbuds (Shop)

An online Shop for True Wireless Earbuds built using React, Tailwind CSS and daisyUI for the styles. And for the backend Strapi is used to save users information and shop products information.

Table of contents

• Overview
  • Features
  • Screenshot
  • Links
• My process
  • Built with
• Author

Overview

Features

Users should be able to:

• View the optimal layout for the site depending on their device's screen size.
• Sign up & Log in in the website and upload their avatar.
• Sign up & Log in using Google or GitHub (NOT WORKING FULLY NOW)
• See Categories and Products in Store Page.
• Ability to Add products to cart, See total Prices and delete products.
• Product Page to see additional information for any product.

Screenshot

Home Page

Shop Page

Links

• Solution URL: Here
• Live Site URL: Here

My process

Built with

• React - JS library
• Strapi - Strapi is an open-source Headless CMS fully customizable used to validate users and save Shop Items
• Tailwind CSS - CSS framework
• daisyUI - Tailwind CSS Component library.
• Framer Motion - Motion Library for React
• Axios - Axios is a promise based HTTP client for the browser and node.js
• GraphQL - A Query Language for APIs that provides an understandable description of data in the API.
• React Hook Form - A validation library used to create the Log In and Sign up pages.
• React Hot Toast - Notification library for React.
• React Icons- React Icons includes a lot of popular icons from different sources to be used in a project.
• React Spinners - A collection of loading spinner components for react.

Author

• Website - Mohanad Portfolio
• Twitter - @MohanadOO_