GalGend
commented
3 years ago Hi, attached screen shots of the design + Link to Figma. Detailed description of this task at the main comment.
<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fza4s6kKXMHh0X3URWVpXg1%2FMeirim-Lishay-October-2021%3Fnode-id%3D6
drorgivton
Following design task #430
PLEASE REVIEW THIS PROTOTYPE WEBSITE
This page includes adding a new page to out website- called Urban Planning (תכנון עירוני). The page will display a header with general info about the course, and a list of videos.
Each video has a URL (youtube URL), a name, a presenter, a description, and duration. On pressing a video, it should become the "playing video"
[ ] Add a link at topbar for this page
[ ] Add a config page for the videos (JSON/ JSX exporting the video list), where videos are configurable, and not hard-coded. Details for each video should include: title , description, duration (as text), presenter (text), youtube video id, id. Therefore, we should be able to manage the video list without touching the main video page.
[ ] Browse modeThe video page should display the list of the videos; page should be responsive and display video title (limited to 1 line), presenter (limited to 2 lines), video preview, video duration, and description
[ ] Watch mode: On clicking a video, a modal should open with the video at theatre mode.
[ ] Develop a banner, that explains about the course, and should be displayed in the watch mode.
[ ] Responsiveness requirements: fully responsive. Mobile view attached as well.
Link to Figma design: https://www.figma.com/file/za4s6kKXMHh0X3URWVpXg1/Meirim-Lishay-October-2021?node-id=6252%3A92398