https://github.com/crissalvarezh/check-lists
Two lists of items, this items comes from an api and with some business rules explained in README
https://github.com/crissalvarezh/check-lists
infinity-scroll nextjs react-context react-query
Last synced: 2 months ago
JSON representation
Two lists of items, this items comes from an api and with some business rules explained in README
- Host: GitHub
- URL: https://github.com/crissalvarezh/check-lists
- Owner: CrissAlvarezH
- Created: 2024-12-29T21:28:07.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-03T04:19:28.000Z (over 1 year ago)
- Last Synced: 2025-09-13T22:42:05.367Z (9 months ago)
- Topics: infinity-scroll, nextjs, react-context, react-query
- Language: TypeScript
- Homepage:
- Size: 258 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
# Logica
Existen dos modos:
El check de "seleccionar todos" activa el modo:
- `inclusive`: (Selecciona todos esta deseleccionado): seleccionar de a uno por uno y guardar esos items para
mostrarlos en la lista de la derecha.
En este caso el infinite scroll de la derecha no esta habilitado
- `exclusive`: (Seleccionar todo esta seleccionado): deselecciona uno por uno y se guardan estos items para
deseleccionar en la lista de la derecha.
En este caso se activa el infinite scroll en la derecha
## UI
