Build a Full Stack E-Learning App | NextJS, Strapi, Typescript, MUI - 6. User Progress
📚 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
Watch video Build a Full Stack E-Learning App | NextJS, Strapi, Typescript, MUI - 6. User Progress online without registration, duration hours minute second in high quality. This video was added by user Curious Byte 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 427 once and liked it 9 people.