A modern laptop with online courses.

Course Platform App

Course Platform App

Project Overview:
During the AirDev Bootcamp, I successfully developed a course platform app using Bubble.io, a no-code platform. This project showcases my ability to build dynamic and user-friendly web applications while integrating external APIs. The app enables users to view and participate in video tutorials, while administrators can manage course content through a dedicated portal. The integration with the Unsplash API enhances the visual appeal of the courses.

Key Features:

  • User Authentication: Secure registration and login for users. Users must be logged in to access any page beyond the landing and signup pages.
  • Landing Page: A welcoming landing page funnels users toward signup/login, ensuring a smooth onboarding experience.
  • Course Discovery: Users can browse a list of available courses, ordered by the most recent additions.
    • Course Listings: Each course listing includes a title, overview, and image, with images sourced from the Unsplash API.
  • Video Tutorials: Users can play through a series of video lessons within each course.
    • Video Player: Automatically loads the earliest unwatched lesson. Users can mark lessons as watched or unwatched, with visual indicators for progress.
  • Admin Portal: Allows admin users to create, edit, and delete courses and manage lessons.
    • Course Management: Admins can add course details, including name, overview, and image. Images can be selected from Unsplash via the Bubble API connector.
    • Lesson Management: Admins can add, edit, and reorder lessons within a course. Each lesson includes a name, overview, and YouTube video ID. Lessons can be reordered using a drag-and-drop interface.
  • Account Management: Users can update their name and login credentials through a dedicated account page.

Technologies Used:

  • Bubble.io: Leveraged for its powerful no-code capabilities, enabling rapid development and deployment.
  • Canvas: Utilized for creating and customizing pages and blocks, ensuring a cohesive and user-friendly design.
  • Unsplash API: Integrated to fetch high-quality images for course listings, enhancing the visual appeal.

Project Highlights:

  • Database Setup: Planned and implemented a structured database to manage courses, lessons, and user information efficiently.
  • Privacy Rules: Configured privacy rules to protect user data and ensure secure access.
  • Testing and Deployment: Thoroughly tested the application to handle various scenarios and deployed the app to a live environment.

This project not only highlights my technical skills in no-code development but also demonstrates my ability to integrate external APIs and deliver functional, aesthetically pleasing web applications. Feel free to explore the app and experience its features firsthand.