https://github.com/mrhrifat/mw-react-test
Filter & Fetch Dynamically Data
https://github.com/mrhrifat/mw-react-test
data-filtering dynamically-data-loading filter-data load-dynamicaally mediusware reactjs tabs-management
Last synced: 12 months ago
JSON representation
Filter & Fetch Dynamically Data
- Host: GitHub
- URL: https://github.com/mrhrifat/mw-react-test
- Owner: mrhrifat
- License: gpl-3.0
- Created: 2023-12-19T03:05:51.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-12-24T03:52:32.000Z (about 2 years ago)
- Last Synced: 2025-01-13T08:21:57.874Z (about 1 year ago)
- Topics: data-filtering, dynamically-data-loading, filter-data, load-dynamicaally, mediusware, reactjs, tabs-management
- Language: JavaScript
- Homepage: https://mwreacttest.vercel.app
- Size: 99.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
## Live
- [MW React Test](https://mwreacttest.vercel.app)
## Features
- Problem 1
- Sort by data current state. Like(active, completed, pending, archive)
- Filter data by name & state on click
- Show All, Active & Completed data in tabs
- Problem 2
- Fetch data dynamically by 2 different button. Like (all,usa)
- Show data on modal
- Show each data description on nested modal
- Load more data dynamically by scrolling below
- Show even id's data on cheked
- Redirect to different state from any button
## Development & Testing
If you are exiting & see how it works in local development machine
- Clone repositories
- Install dependencies (Take a Cup of Coffee!)
- Start the server (On successfull)
```
VITE v3.2.7 ready in 249 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
```
- Go to port http://localhost:5173
- Enjoy!
```
git clone https://github.com/mrhrifat/mw-react-test.git
yarn install
yarn dev
http://localhost:5173
```