AOSSIE-Org / AOSSIE-Org/PictoPy

Feat: Implement Pagination for Image Loading

Đang mở
#619 4 bình luận 0 reaction 1 người được giao Được @mohi-devhub nhận Xem trên GitHub
backend enhancement frontend
Ngôn ngữ chính
Python
Star
283
Fork
679
Merge trung bình
7 ngày 2 giờ
Pull request đã merge (30 ngày)
3

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.