Several instances of a [Sidebar] component exist throughout the project: one in Learn, one in Explore, and one in Teacher. We need to combine them and create several variants. It would be best to start from the one in the Teacher View, as the look-and-feel of it is what we want to pursue.
This picture is under Explore PageModule PageWorld Page and Activity View under the Student View in Figma.
If you would like to work on this, please contact Bryan Wong on Slack to give yourself a role of the teacher by getting your account a teacherId.
Notes: This would be more difficult as it involves knowing more features of the project and modifying multiple parts of the project while still keeping it intact.
For now, place this component under src/components/shared/high
This component can be directly created in the Module component (which already has content at the moment, but will need to be eventually reimplemented like in the Figma under Module Page, so ignore the other content for now and create this component below it). This component can be accessed through src/components/Module/Module.js. As shown in App.js, this component/view can be accessed by typing in the url: /modules/:id where :id is equal to any number
Several instances of a [Sidebar] component exist throughout the project: one in Learn, one in Explore, and one in Teacher. We need to combine them and create several variants. It would be best to start from the one in the Teacher View, as the look-and-feel of it is what we want to pursue.
This picture is under
Explore PageModule PageWorld PageandActivity Viewunder theStudent Viewin Figma.If you would like to work on this, please contact Bryan Wong on Slack to give yourself a role of the teacher by getting your account a
teacherId.Notes: This would be more difficult as it involves knowing more features of the project and modifying multiple parts of the project while still keeping it intact.
For now, place this component under
src/components/shared/highThis component can be directly created in the Module component (which already has content at the moment, but will need to be eventually reimplemented like in the Figma under Module Page, so ignore the other content for now and create this component below it). This component can be accessed through
src/components/Module/Module.js. As shown in App.js, this component/view can be accessed by typing in the url:/modules/:idwhere :id is equal to any number