Day 23
@Codematic_io Build with Google Cloud & AI Hackathon 2025
Today, I focused on the course creation dystem for SmartLearn, specifically building the full create course page that tutors will use to design, organize, and publish their learning materials.
This feature plays a huge role in the tutor experience because it gives them a complete and intuitive workflow to structure high-quality courses from start to finish. All data is managed securely through
@Firebase, ensuring smooth uploads, real-time syncing, and reliable storage.
The page is powered by a detailed multi-step form that guides tutors through each phase of creating a course, from general details to pricing, structure, requirements, and media assets.
The goal is to make the creation process clean, flexible, and fully optimized for modern digital learning. Tutors can organize lectures, attach videos or documents, define learning objectives, and prepare their course for thousands of learners.
Daily Tasks Accomplished:
π Built the full multi-step course creation flow with six sections.
π Added form fields for title, subtitle, descriptions, tags, level, category, and language.
π Implemented course structure logic for sections, lectures, and resource uploads.
π Added pricing configuration including free, paid, and discount options.
π Integrated media upload features for thumbnails and promo video URLs.
π Built the final review page where tutors can confirm all details before submitting.
Tips for Other Developers:
When working on large content creation flows, break the UI into clear, manageable steps. It improves user experience, reduces clutter, and makes your data structure cleaner, especially when preparing for AI-powered features down the line.
#GoogleCloud #BuildWithCodematic #BuildWithGoogle #BuildWithAhiakwoJohn