Create a reportcards.gitcoin.co Landing Page
Opened this issue · 0 comments
ufkhan97 commented
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:
- User visits reportcards.gitcoin.co and is greeted with the landing page featuring an index of rounds.
- User can browse through the gallery of rounds or use the search/filter features to narrow down their selection.
- 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.