AOSSIE-Org / AOSSIE-Org/PictoPy

Feat: Implement Pagination for Image Loading

Abierto
#619 4 comentarios 0 reacciones 1 asignado Reclamado por @mohi-devhub Ver en GitHub
backend enhancement frontend
Lenguaje dominante
Python
Estrellas
283
Forks
679
Merge medio
7 d 2 h
PR fusionados (30 d)
3

Descripción

### Describe the feature

Currently, the `get_all_images` endpoint fetches all images at once. This can lead to performance issues and high memory usage for users with large image collections. Implementing pagination would make the app more efficient and scalable.

### Proposed Solution
- **Backend:**
- Update `backend/app/routes/images.py` to accept `limit` and `offset` query parameters.
- Modify the database query in `backend/app/database/images.py` to support pagination.
- **Frontend:**
- Update the API function in `frontend/src/api/api-functions.ts` to include pagination parameters.
- Modify `frontend/src/pages/Home/Home.tsx` to load images in chunks or via infinite scroll.

### Benefits
- Faster page loads.
- Reduced bandwidth and memory usage.
- Better scalability for large datasets.
- Improved user experience with smoother loading.

### Relevant Files
- `backend/app/routes/images.py`
- `backend/app/database/images.py`
- `frontend/src/api/api-functions.ts`
- `frontend/src/pages/Home/Home.tsx`

### Add ScreenShots

Not applicable - this is a performance enhancement and not a UI bug.

### Record

- [x] I agree to follow this project's Code of Conduct
- [x] I want to work on this issue

### Checklist before Submitting.

- [x] Have you updated docs for it?.
- [ ] Have you added unit tests?.
- [ ] Have you made sure unit tests pass?
- [x] Have you made sure code formatting is correct?
- [ ] Does it contain any style related issues?

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.