AOSSIE-Org / AOSSIE-Org/PictoPy

Feat: Implement Pagination for Image Loading

Ouverte
#619 4 commentaires 0 réactions 1 personne assignée Réclamée par @mohi-devhub Voir sur GitHub
backend enhancement frontend
Langage dominant
Python
Étoiles
283
Forks
679
Merge moyen
7 j 2 h
PR mergées (30 j)
3

Description

### 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?

Guide de contribution

Ouvrir le guide de contribution

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.