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.
Tutorials aren’t always enough to get you into a front-end career. Head to our website and apply for a job, guarantee and work with me directly:
https://www.learnfrontendnow.com/?el=...
What you will get:
$70,000 job guarantee
Unlimited one-to-one live coaching with me
Apply for you - once you are ready and have learned the skills, our coaches will apply for you
Beginner-friendly, no experience or degree needed
Still not sure? Ask me directly on Instagram to see how I can help you https://www.instagram.com/thehashton/...
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
FOLLOW ✅
► / thehashton
#firebase #frontend #webdev #developer #javascript #typescript #webdevelopment