TubeLearn

Inspiration 💡

The inspiration behind TubeLearn comes from a deep desire to revolutionize the online learning experience. As students, we found existing platforms lacking in terms of distraction-free learning, engagement, and interactivity. We envisioned an app that could harness the vast educational content on YouTube while providing a focused, interactive, and enjoyable learning environment. TubeLearn was born out of this passion for improving how we all learn and acquire knowledge in the digital age.

What it does 🤔

TubeLearn is a platform that enhances the online learning experience by doing the following:

Minimizes Distractions: It removes distractions commonly found on YouTube, such as ads and unrelated video suggestions, creating a focused learning environment.

Interactive Quizzes: TubeLearn generates AI-driven quizzes based on video subtitles, allowing users to test their understanding and retention after watching a video.

Progress Tracking: Users can monitor their course progress, see completed videos, and track their overall learning journey.

How we built it ⚙️

Backend (Flask with MongoDB):

Flask: Web framework for building the backend API. MongoDB: NoSQL database for storing user data, courses, progress tracking, and quiz questions. PyMongo: Library for integrating Flask with MongoDB. Frontend (ReactJS with Tailwind CSS):

ReactJS: JavaScript library for building the user interface. Axios: Library for making HTTP requests to the Flask API. Tailwind CSS: Utility-first CSS framework for styling. This technology stack enabled us to create a dynamic and user-friendly learning platform, seamlessly integrating the backend with MongoDB and presenting data through a React-powered frontend.

Best Domain Name from GoDaddy Registry 🌐

→ https://tube-learn.co

Most Creative Use of GitHub 🔝

We are using GitHub for the following reasons:

Collaboration: GitHub makes it easy to share code with others and helps a lot in collaboration.
GitHub Project: We also used GitHub for planning and keeping track of our project and its progress with the help of the GitHub project management tool.
Implementing the CI/CD workflow: GitHub makes it easy to implement the CI/CD workflow and makes the deployment process easy.
Deploying the project: Deploying the project on GitHub helped us to get the project deployed on the network to be accessed by other people.

Challenges we ran into 😤

During the development of our project, we encountered two significant challenges. The first challenge revolved around the OpenAI API. Despite our best efforts, we couldn't locate the necessary API key within our team. This setback temporarily hindered our progress, but we swiftly began working on a solution to acquire the key and resume integrating the OpenAI functionality into our platform.

The second challenge we faced was related to MongoDB, our chosen database system. While MongoDB offered great flexibility, we encountered some unexpected issues during its integration with our Flask backend. These issues required us to dive deeper into MongoDB's intricacies and adapt our database operations to ensure a seamless user experience.

Both of these challenges were valuable learning experiences for our team, pushing us to find creative solutions and enhancing our project's overall resilience and adaptability.