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.