CS50W Final Project: Capstone – Online course platform

Demonstration of Capstone Project: Sense StudyHub (Online Course Platform)
In this video, I walk through all the key features of my capstone project, including authentication, browsing the course catalog, pagination, rich-text descriptions, enrolling/unenrolling, dashboard management, the course detail view with video and comments, and responsive design.

Specification elements (with timestamps):
00:00 – Landing page redirects to the login screen if not authenticated
00:10 – Registration flow (sign up, then switch to login)
00:40 – Login flow (JWT stored in localStorage)
01:15 – Dashboard view with no enrolled courses
01:27 – Store view: browse course cards (protected route)
01:35 – Quick look at the admin panel: creating a new course with a multi-paragraph description
02:30 – Newly added course appears on the Store page
02:35 – Pagination demo (‹ › buttons, ellipses)
02:38 – Enroll in a course (adds to localStorage, button changes to “Added”)
02:44 – Automatic redirect to Dashboard after enrollment
03:06 – Click “Start” to open the course detail page—with breadcrumbs, an HTML5 video player, full description (preserving line breaks via FormattedText), and the comment thread
03:16 – Add a new comment to the course
03:40 – Mobile responsiveness: header and sidebar adapt at narrow widths (including the login page)
04:40 – Dashboard view: list enrolled courses and “Remove” (unenroll) action

GitHub repository:
https://github.com/shadowpn/Harvard-study/blob/web50/projects/2020/x/capstone/README.md

Project info:
https://cs50.harvard.edu/web/projects/final/capstone/

#Capstone #Nextjs #Django #OnlineCourses #Demo

Видео CS50W Final Project: Capstone – Online course platform канала Nataliia Petrychuk