other
Demo Project
An example project to preview the showcase site layout.
demoexamplepreview
By
Solha Park
Semester
Spring 2026
Figure 1. A walkthrough of Demo Project.
Problem
This entry is a placeholder used by the TA to demonstrate how a project page looks once a video is attached. It is not a real student submission and will be removed once all student data is finalized.
Solution
A simple example page that renders all the standard sections — header, embedded video, problem, solution, user flow, LLM components, and tools — so that students and the instructor can preview the format before submitting their own materials.
User flow
- View the project page like any visitor would
- Notice the embedded Google Drive video at the top
- Scroll through the standard sections to see the layout
LLM components
- Layout preview — illustrates how each section renders
- Video embedding — shows the Google Drive iframe behavior
Tools
- Frontend: Next.js, Tailwind CSS
- Hosting: Vercel
- Video host: Google Drive (preview embed)