Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/therohantomar/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!"
https://github.com/therohantomar/getyourpairs

auth0 early-return filters jsx lifting-state-up react-redux react-router-dom reactjs reduxjs state-management-in-react stripe-checkout stripe-payments

Last synced: about 1 month ago
JSON representation

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!"

Awesome Lists containing this project

README

        

# Getting Started with Create React App

# GetYourPairs App 🛍️

![getYourpairs screenshot](https://res.cloudinary.com/rohanss/image/upload/v1696517295/Screenshot_20231005_201737_vruxwb.png)

## 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.