/getYourPairs

Welcome to GetYourPairs, your ultimate fashion companion! This cutting-edge app, powered by React.js, Redux Toolkit, Tailwind CSS, Stripe.js, and Auth0, is your go-to destination for seamless shopping, secure payments, and easy sign-in. Elevate your style and convenience with GetYourPairs!"

Primary LanguageJavaScript

Getting Started with Create React App

GetYourPairs App 🛍️

getYourpairs screenshot

Description

GetYourPairs is an online shopping application built using ReactJS, ReduxJS, React Router DOM, Daisy UI, Tailwind CSS, Stripe JS for payment integration, and OAuth for authentication. The app aims to showcase dynamic filtering capability and seamless payment integration. It incorporates various concepts such as lifting the state up, early returns, custom hooks, lazy loading, and suspense.

Technologies Used

  • ⚛️ ReactJS
  • ⚛️ ReduxJS
  • 🌐 React Router DOM
  • 🌼 Daisy UI
  • 🎨 Tailwind CSS
  • 💳 Stripe JS
  • 🔐 OAuth

Features

  • 🎯 Dynamic filtering capability
  • 💰 Seamless payment integration
  • ⬆️ Lifting the state up
  • ⏩ Early returns
  • 🪝 Custom hooks
  • 🛏️ Lazy loading
  • 🚀 Suspense

Usage

  • 🏠 On the homepage, you can browse through the available products.
  • 🧐 Use the dynamic filtering options to narrow down your search.
  • 🛒 Add products to your cart and proceed to the checkout.
  • 💳 Enter your payment details securely using Stripe JS.
  • 🔐 Authenticate using OAuth for a personalized shopping experience.