Create a reportcards.gitcoin.co Landing Page

[ufkhan97]

Objective:

Develop a landing page for reportcards.gitcoin.co that features an index of rounds, enabling users to easily select and view the specific round they are interested in.

Requirements:

Landing Page Design:

• The landing page should present a gallery view or an index of all rounds.
• Each round should be represented by a card or an entry that includes the round's name, date, and a thumbnail or visual element related to the round.
• Design should be responsive, ensuring a seamless experience across desktop and mobile devices.

Functionality:

• Implement filtering options to allow users to sort rounds by criteria such as date, total crowdfunded, or alphabetically by name.
• Include a search feature enabling users to find rounds using keywords.
• Ensure fast loading times and optimize for SEO.

Integration:

• The landing page must integrate with the existing backend to dynamically fetch and display the round information.
• Clicking on a round's entry/card directs the user to that specific round's report card page.

User Flow:

1. User visits reportcards.gitcoin.co and is greeted with the landing page featuring an index of rounds.
2. User can browse through the gallery of rounds or use the search/filter features to narrow down their selection.
3. Upon finding a round of interest, the user clicks on the round’s entry, which redirects them to the detailed report card page for that round.

Acceptance Criteria:

• A visually appealing, user-friendly landing page is implemented at reportcards.gitcoin.co.
• Users can view a list of all rounds and select a round to view more details.
• Rounds can be filtered and searched using provided criteria.
• The design is responsive, ensuring the page is accessible and functional across various devices.
• Integration with the backend successfully pulls in and displays the latest round information.
• Clicking on a round takes the user to the detailed report card for that round without issues.