Onboarding Assignment: Part 2 #791
Description
In this section of the onboarding assignment, we will build a frontend interface that allows users to post and retrieve comments on the catalog page of a course.
A new tab in the catalog page class popup (to the right of “Grades” in the above picture). This tab will contain:
- A textbox and a button for users to make a comment
- A list of all the previous comments, containing at least the text from the comment (optionally you can include the user’s email and timestamp)
You can make the tab as basic or pretty as you want, but please meet these base requirements:
- The text for every comment for a particular course should be rendered and automatically updated when new comments are added (use a hook!)
- There should be some way of making comments
- Create and import styles from a
.module.scssfile, using one of the colors that changes based on whether we’re in light mode or dark mode (eg.–-foreground-color) - Try to follow the existing structure of the frontend
Some folders and files you might find useful:
📂 apps/frontend/src/components/Class – All files related to rendering the class page above
📂 apps/frontend/src/components/Class/Overview/index.tsx – File for rendering the Overview tab above. You can take some inspiration from the other tabs too.
📂 apps/frontend/src/components/Class/Overview/Overview.module.scss – The CSS file for the overview tab. Notice the naming convention
You should make a branch off of your branch from the previous take-home assignment, tagging this issue and adding @maxmwang, @abhisheksuresh2004, @ARtheboss, @adit-bala, and @mathhulk as reviewers.