This is a fully responsive e-commerce app called DeLuxxe. It support Google authentication for login. It has a product carousel, products list, and slide-in cart modal. The data is fetched from DummyJSON. Upcoming features include - product details page, checkout flow with a payment gateway, pagination for products list, filter and sorting for products list, dark mode, and more.

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

Users should be able to:

• View the optimal layout for the app depending on their device's screen size
• See hover states for all interactive elements on the page
• Log in using Google authentication
• Log out by clicking the Avatar
• See loading animation
• View the automatic carousel and control it with buttons
• View the list of products with product thumbnail image, product price, and product rating.
• See the image scaling on hover animation.
• See the shopping bag icon with badge displaying number of items in the shopping cart.

• Live Site URL: https://deluxxe.netlify.app/

• React - JavaScript library
• TypeScript - Syntactic superset of JavaScript
• TailwindCSS - For styling
• Firebase - For authentication
• React Router - For routing

• Twitter - @IShaunt
• Portfolio - Ishant Bhurani