Please do work for this task in a branch called issue-281.
With the re-design of RadGrad2, we introduce the concept of showing RadGrad videos (videos uploaded on the Philip Johnson YouTube channel currently) to the bottom of the Student Home Page (where we show 3 videos) and also to its own page under the Community -> RadGrad Videos page that shows all of the uploaded RadGrad videos
Currently, how we get these videos is that we simply map over the youtube video IDs stored in radgrad-videos.ts. In other words, we have to update this file manually to make sure we have all the updated RadGrad videos.
There should be a way for the RadGrad administrator to add, update, and delete RadGrad videos from the RadGrad web app itself. This includes making a collection to store these videos along with the UI and page.
And refactor current codebase that makes usage of radgrad-videos.ts to instead use this collection.
This collection should include, but not limited to,
YouTube ID to the video (We're gonna assume that all RadGrad videos are uploaded to YouTube and no other media hosting services)
Title of the Video
Description of the Video
Date of when the video is uploaded
Name of the youtube channel of where this video is uploaded
[ ] RadGradVideosCollection
[ ] RadGradVideosCollection Tests
[ ] UI page to Add, Edit, and Delete RadGradVideosCollection documents
Refactor the UI codebase that currently displays RadGradVideos to include more details about the RadGrad videos (Title, YouTube Channel, Upload Date; see FIGMA mockup
[ ] StudentHomeRadGradVideosWidget.tsx
[ ] CommunityRadGradVideosWidget.tsx
[ ] "Opportunities in RadGrad" video underneath Summer Internship Opportunities in the Opportunities Card Explorer
[ ] Update RadGrad.ts to include the RadGradVideos
Please do work for this task in a branch called issue-281.
With the re-design of RadGrad2, we introduce the concept of showing RadGrad videos (videos uploaded on the Philip Johnson YouTube channel currently) to the bottom of the Student Home Page (where we show 3 videos) and also to its own page under the Community -> RadGrad Videos page that shows all of the uploaded RadGrad videos
Currently, how we get these videos is that we simply map over the youtube video IDs stored in radgrad-videos.ts. In other words, we have to update this file manually to make sure we have all the updated RadGrad videos.
There should be a way for the RadGrad administrator to add, update, and delete RadGrad videos from the RadGrad web app itself. This includes making a collection to store these videos along with the UI and page. And refactor current codebase that makes usage of radgrad-videos.ts to instead use this collection. This collection should include, but not limited to,
YouTube ID to the video (We're gonna assume that all RadGrad videos are uploaded to YouTube and no other media hosting services)
Title of the Video
Description of the Video
Date of when the video is uploaded
Name of the youtube channel of where this video is uploaded
[ ] RadGradVideosCollection
[ ] RadGradVideosCollection Tests
[ ] UI page to Add, Edit, and Delete RadGradVideosCollection documents
Refactor the UI codebase that currently displays RadGradVideos to include more details about the RadGrad videos (Title, YouTube Channel, Upload Date; see FIGMA mockup
[ ] StudentHomeRadGradVideosWidget.tsx
[ ] CommunityRadGradVideosWidget.tsx
[ ] "Opportunities in RadGrad" video underneath Summer Internship Opportunities in the Opportunities Card Explorer
[ ] Update RadGrad.ts to include the RadGradVideos
[ ] Update fixture to include videos