Skip to content

Course landing page #1070

@NiallJoeMaher

Description

@NiallJoeMaher

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! 🤖

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions