{"id":31162010,"url":"https://github.com/ashish-redhu/tableflow","last_synced_at":"2026-05-09T03:33:05.585Z","repository":{"id":314372417,"uuid":"1054619135","full_name":"Ashish-Redhu/TableFlow","owner":"Ashish-Redhu","description":"An application build using React.js, TypeScript and PrimeReact to show lazy loading and real time data updation to takle memory limit exceed problems. ","archived":false,"fork":false,"pushed_at":"2025-09-12T08:50:13.000Z","size":108,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-19T18:31:58.347Z","etag":null,"topics":["primereact","reactjs","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://tableflow1.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ashish-Redhu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-09-11T05:22:49.000Z","updated_at":"2025-09-12T08:50:16.000Z","dependencies_parsed_at":"2025-09-12T04:47:44.858Z","dependency_job_id":"944d5539-6d0f-415a-aa65-c40cb3f91b2f","html_url":"https://github.com/Ashish-Redhu/TableFlow","commit_stats":null,"previous_names":["ashish-redhu/tableflow"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ashish-Redhu/TableFlow","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashish-Redhu%2FTableFlow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashish-Redhu%2FTableFlow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashish-Redhu%2FTableFlow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashish-Redhu%2FTableFlow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ashish-Redhu","download_url":"https://codeload.github.com/Ashish-Redhu/TableFlow/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashish-Redhu%2FTableFlow/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32805934,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"online","status_checked_at":"2026-05-09T02:00:06.633Z","response_time":123,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["primereact","reactjs","tailwindcss","typescript"],"created_at":"2025-09-19T04:22:20.071Z","updated_at":"2026-05-09T03:33:05.581Z","avatar_url":"https://github.com/Ashish-Redhu.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Table Flow\n\n## About\nThis 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.\n\nThe 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.\n\n\n## Technolies Used\n\n\u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg\" width=\"30\"/\u003e React.js  \n\u003cimg src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg\" width=\"30\"/\u003e TypeScript  \n\u003cimg src=\"https://logowik.com/content/uploads/images/tailwind-css3232.logowik.com.webp\" width=\"30\" alt=\"Tailwind CSS\"/\u003e Tailwind CSS  \n\u003cimg src=\"https://images.seeklogo.com/logo-png/42/1/primereact-logo-png_seeklogo-427023.png\" width=\"30\" alt=\"PrimeReact\"/\u003e PrimeReact\n\n\n\n\n\n## Project Setup\n\n1. Clone the application\n2. run command: ``` npm install ```\n3. Create a .env file and add two fields\n    \n    * ``` VITE_DATA_API=API_to_fech_data```\n    * ```VITE_TOTAL_PAGES=```\n\n4. ```npm run dev```\n    \u003cbr/\u003e\n  Hurry!!! Application started\n\n\n## Project Structure \n```  \n.\n├── .env\n├── src\n│   ├── assets\n│   ├── components\n│   │   ├── EachTable.tsx\n│   │   ├── PageNumberSlider.tsx\n│   │   └── TableBox.tsx\n│   ├── App.css\n│   ├── App.tsx\n│   ├── index.css\n│   ├── main.tsx\n│   └── vite-env.d.ts\n└── ...other files and folders\n```\n\n\n## Links\n\n [Live_Website](https://tableflow1.netlify.app/)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashish-redhu%2Ftableflow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashish-redhu%2Ftableflow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashish-redhu%2Ftableflow/lists"}