Skip to content

A basic react app to show payout history of users.

Notifications You must be signed in to change notification settings

LordNayan/react-payouts

Repository files navigation

Payouts by Nayan

TypeScript React Redux Vite

payouts-light

👨‍💻 Features

  1. No Grid/Table Library used. Everything coded from scratch.
  2. Comes with Dark Mode.
  3. Optimized user experience by implementing following features,
  • Debouncing in Search Bar
  • API caching by Redux Toolkit on Search and Pagination
  • Pagination
  • Filters and Sorting on various columns
  • Responsive Design
  1. Use of Styled components and Typescript.

🔨 Installation

To install this project, you will need to have the following installed on your machine :

React Yarn

Then, run the following commands :

# Clone the repo
git clone https://github.com/LordNayan/react-payouts.git

# Move inside the project directory
cd react-payouts

# Install dependencies
yarn
 
# Run the app in dev mode
yarn run dev

The above command will start the app in development mode on http://localhost:3000/ and watch for changes.

🖼️ Screenshots

payouts-light

payouts-dark

payouts-responsive

About

A basic react app to show payout history of users.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published