hackalog-frontend icon indicating copy to clipboard operation
hackalog-frontend copied to clipboard

Published 20 hours ago • verified publisher icon COPS-IITBHU

Pagination in Hackathon Detail Page

Open shubhanshu02 opened this issue 3 years ago • 3 comments

Description

The "Participants" tab on the hackathon details page requires pagination to improve on the participants' list load time. This requires some changes in the backend as well as the frontend. On frontend side, this can be achieved by using some packages like react-pagination or by creating custom pagination components.

Details

File: pages/hackathon/slug/index.js (E.g. slug = "debug-it-2021") Tab: Participants Example Link: https://hackalog.copsiitbhu.co.in/hackathon/debug-it-2021

shubhanshu02 avatar May 16 '21 19:05 shubhanshu02

Can I work on this issue? But I am learning Javascript and React Js right now so will I be able to work upon this.

ujju20 avatar May 23 '21 18:05 ujju20

Sure. This issue is a combination of changes in the backend and the frontend. In the first step, the database needs to be indexed for the participants on the backend side. Ref: COPS-IITBHU/hackalog-backend#38

Btw, issue #45 is now ready to work on.

shubhanshu02 avatar May 24 '21 04:05 shubhanshu02

ok then assign me issue #45 I will work on that issue after that I will work on this issue.

ujju20 avatar May 24 '21 05:05 ujju20