codu icon indicating copy to clipboard operation
codu copied to clipboard

Course landing page

Open NiallJoeMaher opened this issue 1 year ago • 11 comments

We are developing a course platform! 🎊

We want to create a landing page for people to find courses.

Here is the design:

Course page design

Expected Behavior

  1. This page should be found in /courses.
  2. This page should be feature flagged with a flag called "courses-landing". For an example of a feature flag see https://github.com/codu-code/codu/tree/develop/app/(app)/feature-flag-example
  3. The design should work on desktop and mobile as shown in the Figma (below)
  4. The page should look as shown in the designs
  5. The styling should remain consistent with the rest of the site (eg. light/dark mode and heading sizes)
  6. The page can use mock data. Create a file called mock.ts within the courses folder that you can import the data from to populate the course information and the users current course progress (this is so we can update this data to test functionality).

Current Behavior

We do not have a courses page

Screenshots

Course page design

Additional info

Here is a link to a Figma. You will see the designs down the bottom of the page:

Figma link to see designs

Join the Discord if you have any questions. We have a Hacktoberfest channel where we are helping folks! 🤖

NiallJoeMaher avatar Oct 06 '24 08:10 NiallJoeMaher