Main Catalog Page (Frontend) and Integrate w/ Backend

[ThatMegamind]

Instructions

• We don’t have the lo-fi design for this page yet, but for now we’ll just create a placeholder page to allow us to implement some key functionality and remove potential bottlenecks
• This will serve as the primary page for users accessing the Catalog, which will (eventually) allow users to view catalog events, add new events, sort/query events, and add an event from the Catalog to the Published Schedule
• For now though, this page will be comprised of a simple table with the following headers: Title, Host, Cohort Type, Event Type, Subject, and Description
• The page should utilize the backend routes created in previous tasks to populate the table with the data currently in the Catalog table in the database

Notes

• You can verify the page is correctly populating by checking the database as well
• Make sure to use ChakraUI components and styling over standard HTML/CSS whenever possible
• Add your new page in a new subfolder called pages (i.e. the route should be /src/pages/YourFolder/YourFiles)

Acceptance Criteria

• All the data from the catalog table is visible in the frontend

Resources

• Chakra Tables
• Calling Backend GET Requests
• Catalog Backend Routes

As always, feel free to message Michael and Michelle if you have any questions!