https://github.com/ashish-redhu/tableflow
An application build using React.js, TypeScript and PrimeReact to show lazy loading and real time data updation to takle memory limit exceed problems.
https://github.com/ashish-redhu/tableflow
primereact reactjs tailwindcss typescript
Last synced: 15 days ago
JSON representation
An application build using React.js, TypeScript and PrimeReact to show lazy loading and real time data updation to takle memory limit exceed problems.
- Host: GitHub
- URL: https://github.com/ashish-redhu/tableflow
- Owner: Ashish-Redhu
- Created: 2025-09-11T05:22:49.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-09-12T08:50:13.000Z (8 months ago)
- Last Synced: 2025-09-19T18:31:58.347Z (8 months ago)
- Topics: primereact, reactjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://tableflow1.netlify.app/
- Size: 105 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Table Flow
## About
This is a React + TypeScript app that displays tabular data with page-wise row selection. Users can select individual rows, all rows on a page, or a specific number of rows across pages. PrimeReact DataTable and Tailwind CSS are used for the table and styling.
The app also shows toast notifications for user actions using useRef and PrimeReact Toast. Selection states are persisted across pages, missing data is handled gracefully, and the app is deployed on Netlify.
## Technolies Used
React.js
TypeScript
Tailwind CSS
PrimeReact
## Project Setup
1. Clone the application
2. run command: ``` npm install ```
3. Create a .env file and add two fields
* ``` VITE_DATA_API=API_to_fech_data```
* ```VITE_TOTAL_PAGES=```
4. ```npm run dev```
Hurry!!! Application started
## Project Structure
```
.
├── .env
├── src
│ ├── assets
│ ├── components
│ │ ├── EachTable.tsx
│ │ ├── PageNumberSlider.tsx
│ │ └── TableBox.tsx
│ ├── App.css
│ ├── App.tsx
│ ├── index.css
│ ├── main.tsx
│ └── vite-env.d.ts
└── ...other files and folders
```
## Links
[Live_Website](https://tableflow1.netlify.app/)