Pagination in Hackathon Detail Page

[shubhanshu02]

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

[ujju20]

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.

[shubhanshu02]

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.

[ujju20]

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