npm run dev- Start Vite dev servernpm run build- Production buildnpm run lint- ESLint checknode src/data/extract.js- Fetch new builds from YouTubenode src/data/optimize_images.js- Generate optimized thumbnails (_sm.webp)- No test framework configured
- Update Builds: Runs daily via GitHub Actions (
.github/workflows/update-builds.yml) to fetch new content and optimize images automatically. RequiresYOUTUBE_API_KEY,YOUTUBE_MX_PLAYLIST_ID,YOUTUBE_EC_PLAYLIST_IDsecrets.
React 19 + Vite + TypeScript + Tailwind CSS. Animations: GSAP (ScrollSmoother, ScrollTrigger), motion/react (Framer Motion).
- Imports: Named exports preferred. Path alias
@/*→./src/* - Components: PascalCase files in
src/components/. Functional components only. - Types: Strict TS. No
as any,@ts-ignore. Types insrc/types/ - Styling: Tailwind +
cn()utility fromsrc/lib/utils.ts - State: React hooks + Context API (
src/contexts/)
- Do not remove existing logic unless instructed
- GSAP and Framer Motion must not conflict
- Browse URLs before implementing referenced components
- Implement ONE task at a time, confirm before next
- Frontend work should be delegated to
frontend-ui-ux-engineeragent