Description

Create the course introduction page on path /c/:courseId/ which display the introduction subcollection of a course, also general info, if private, the members participating in the course and so on.

• Package: course

Create mockup for courses page

Create a mockup for the courses page

Implement breadcrumb navigation

Description

Implement a responsive breadcrumb navigation bar that adapts to different screen sizes as depicted in the provided design mockups. Ensure that the breadcrumb subnavigation is clear and follows a logical hierarchy for easy user navigation.

Requirements:

-Large Screens: Display the full breadcrumb trail (Your Title / Course Title / Home /) with ample spacing.

-Medium Screens: Show a more condensed version of the breadcrumb (Your Title / Course Title / Home /).

-Small Screens: Minimize the breadcrumb to the most essential elements (Course Title / Home /).

• Package: course

Additional Information

Figma Mockups: Responsive Navigation
Ensure the navigation is accessible and follows best practices for usability.

Description

The homepage markdown, defined by the administrator, works halfway through - we need to make code rendering and line breaks easier by reading the straight from a markdown (single string) format.

• Package: course

Expected Behavior

I want to be able to define code, line breaks, etc. more easier.

Actual Behavior

Line breaks, code formatting, etc. doesn't work since line breaks aren't read correctly, because firebase saves the general/main.markdown as a single string.

Description

Create the main needed pages/components and routing configuration for developing new shared components.

• Package: course

Pages

• Courses overview
• Course detail

Gap between text on the homepage missing

On the homepage there is a section, which displays the features of chorizo. But after these features there is a gap missing and the text seems to be too close together. In the screenshot you will see what exactly I mean

• Package: Course

Additional Information

Screenshot of the missing space:

Gap between text on the homepage missing space:

Description

Change from angular material to preline.

• Package: course

Description

Add a way, incase no course is found in the search or in general, to display "Nothing found here" using feedback-message component. The component should be displayed after a certain time 5000ms or similar of loading with the @defer method (https://angular.dev/guide/defer#defer).

• Package: course

Expected Behavior

When searching for a course in the course overview, but nothing is found, display a feedback/error message to the user after a certain amount of loading time with loading-bars component using the feedback-message component.

Actual Behavior

It loads for an infinite amount of time with the loading-bars component.

Possible Fix

Use @defer function from angular (link above) and the feedback-message component.

Description

We need to define our data structure in firebase and appropriate types in course and adminui package

• Package: course, adminui

Additional Information

Let's discuss this in a meeting! 😃

Description

create a Navbar for the Courses

• Package: course

Add Footer to the Project

Create a Footer for the Project

• Package: Course

Implement responsive navbar

Description

Implement a responsive navigation bar similar to the provided design mockups. The navbar should adapt to three different breakpoints: large, medium, and small.

Requirements:

• Large Screens: Display the full navigation bar with course title and navigation links.

• Medium Screens: Show a collapsible menu icon and centralize essential icons.

• Small Screens: Prioritize menu icon and essential features, hide secondary items.

• Package: course

Additional Information

Figma Mockups: Responsive Navbar Design
Ensure the navbar is accessible and follows best practices for usability.

Description

When using any menu on smaller screens or the sort function on courses overview, the menu doesn't disappear when clicking on one of the items in the menu or selecting a new sort order.

• Package: course

Expected Behavior

When clicking on the menu hamburger icon or one of the items, the menu should disappear.

Actual Behavior

The menu only disappears when clicking on content, not of the relevant dropdown component.

Possible Fix

Create a script or add a new styles tag on the dropdown div

Additional Information

You will probably find the relevant fix on https://daisyui.com

Searchbar in the courses tab is inconsistent

when trying to search for a course, you have to type the whole name of the course instead of being able to type any part of the course name

• Package: Course

Expected Behavior

If you type a part of the name of a course, it should find the course with the coresponding part in its name

Actual Behavior

You have to type the whole name of the course

Description

We need to add a link, to the appropriate course route and improve layout and add additional fields like createdAt date with DatePipe

• Package: course

Description

Add firebase credentials to course app, and make it ignored and provide a setup docs for interns.

• Package: course

Logout button in course detail has a wrong label

In Course detail the logout button has the label "Button" which is wrong

• Package: Course

Expected Behavior

The button should have the label "Logout"

Actual Behavior

The button has the label "Button"

Description

Define needed github actions / workflows for pull requests code checking, etc. E.g. linting, formatting, deploy, CI/CD

• Package: architecture

Description

Create a login component and appropriate authorisation method with Firebase Auth.

• Package: course

Description

We need to have a more detailed and easy to access navbar in the course itself. Routes: Introduction, Agenda, Tasks, Resources, ...

• Package: course

Description

The courses overview cards should be formatted and displayed better, including createdAt date, grid with 2 columns on bigger screens, etc. (At /c route). https://daisyui.com/components/card/

• Package: course

Description

We need to create the legal section with routes like /l/terms, /l/privacy, etc. The content of this files should either come from the admin itself (collection: legal with custom document id's like privacy) or our predefined general legal files.

• Package: course

Expected Behavior

There's a overview page on /l about all the important legal documents (privacy, terms, cookies, rules, ...) and the detail view of each of those files, dynamically generated, with either getting the documents content from Firebase based on the custom id in legal collection, if empty, use our predefined general legal documents.

Actual Behavior

none

Additional Information

Make sure to display the files / and get the files dynamically from firebase to ensure best code practices. Create a legal.service.ts, etc.

Description

• Package: course

Expected Behavior

The course admin can define a homepage description (which should be a longer string) with markdown rendering which will dynamically be displayed/rendered to html on the root of the website.

Actual Behavior

none

Suggestion

We will need a markdown renderer to render the markdown format to HTML and we will get the document from firebase general/main.description document. Markdown renderer package https://www.npmjs.com/package/ngx-markdown

Already implemented it similar over here: https://github.com/danieljancar/portfolio/blob/develop/src/app/features/blog/blog-detail/blog-markdown-renderer/blog-markdown-renderer.component.ts

Links in course detail not working and wrong label

In course detail in the navigation bar the links/ routes have the wrong label, and if you click on them they don't redirect you to the coresponding page

• Package: Course

Expected Behavior

The links should have the correct Label, and redirect you to the coresponding page

Actual Behavior

The Links have the wrong label, and don't redirect you anywhere

Additional Information

Description

Create a login and account management component

• Package: course

Description

Add a route guard which protects the routing to sections, if they're disabled in the course's settings and the user tries to manually navigate to it, even tho it's not shown in the course navbar.

• Package: course

Description

We need to create a courses overview in c/ path with multiple options like sort, order, search, etc.

• Package: course