Build a Full Stack E-Learning App | NextJS, Strapi, Typescript, MUI - 6. User Progress

Опубликовано: 05 Февраль 2025
на канале: Curious Byte

427

📚 In this video, we’re building the Lessons UI for our courses page, making it easy to watch each lesson one by one. We’ll connect Firebase Firestore to save and retrieve progress so users can pick up right where they left off. Plus, we’ll pull course data from Strapi CMS and enhance the Course Cards with custom thumbnails to make everything look clean and professional. All built with Next.js 14, TypeScript, Firebase, and Strapi.

https://github.com/thehashton/curious...

0:00 Intro
1:20 Progress Demo
2:16 Tsconfig + Sharp
3:15 Firebase Setup
8:42 Update Progress
20:33 Fetch Course Data
26:20 Fetch User Progress
29:20 Profile Progress
35:00 Card Progress
43:44 Outro

💬 Join us on our discord here:
►   / discord

Visit our website:
► https://www.curiousbyte.dev

FOLLOW ✅
►   / thehashton
►   / thehashton

#firebase #frontend #webdev #developer #javascript #typescript #webdevelopment