LearnTube

Landing page
Signin page
Onboarding page
Dashboard page
Explore page
Search page
View playlist
Enrolled playlists page
Watch enrolled playlists page
Mark your progress
Leaderboard page

Inspiration💡

The inspiration for this app came from the desire to make education accessible to everyone, regardless of their financial resources or location. Because YouTube playlists deserve the same environment just like paid courses. With the rise of online learning platforms, it's easier than ever to access educational resources from anywhere in the world. However, many of these platforms require a subscription or payment, which can be a barrier for people who can't afford it. We wanted to create an app that would help learners access free educational resources, such as YouTube playlists, while also providing them with the tools to track their progress and identify areas where they need to improve.

What it does ❓

LearnTube is a free online education app that allows learners to access high-quality course playlists on YouTube and track their progress with an analysis dashboard. The app provides learners with data on their learning progress, including time spent on each video and overall progress. This analysis helps learners stay motivated and accountable for their learning goals. In addition, the app features a leaderboard where learners can compete with their peers and track their ranking. They can also share their progress on social media, encouraging others to join and learn together.

How we built it 🔨

We built the app using a combination of front-end and back-end development technologies. The app's front-end was built using React and TailwindCSS. We used React to create the app's user interface, including the search feature. The back-end was built using Node.js. We also used MongoDB, a popular NoSQL database, to store and manage user data, such as course enrollments and progress tracking. To integrate YouTube playlists into the app, we used YouTube's API, which allowed us to fetch and display educational playlists directly within the app.

Challenges we ran into💀

One of the biggest challenges we encountered was integrating YouTube's API into our app. We had to work through several issues related to API keys, quota limits, and data retrieval. For example, we had to figure out how to limit the number of API requests to stay within YouTube's daily quota limits. We also had to work through issues related to data retrieval, such as how to fetch and display only educational playlists and exclude irrelevant content. Another challenge was designing the app's user interface to be intuitive and easy to use while still providing all the necessary features. We had to conduct user research and testing to identify the most important features and design the user interface in a way that made sense to users.

Accomplishments that we're proud of 🙌

We're proud of creating an app that makes it easy for learners to access and keep track of their progress through free educational videos on YouTube. We're also proud of the app's analysis dashboard, which provides learners with valuable insights into their learning progress. Another accomplishment we're proud of is designing the app's user interface to be intuitive and easy to use, based on user feedback and testing.

What we learned ✨

Through building this app, we learned a lot about working with APIs, designing user interfaces, and developing front-end and back-end features. We also learned about the challenges of creating an app that integrates with an external platform like YouTube, including how to manage API requests and retrieve relevant data.

What's next for LearnTube🚀

In the future, we plan to integrate more educational resources into the app, such as podcasts, and blogs. Additionally, we want to improve the app's recommendation system, which currently suggests courses based on category and popularity. We plan to develop a more personalized recommendation system that takes into account users' interests, learning styles, and past progress. Another area we want to focus on is gamification, where we can add elements such as badges, levels, and rewards to make learning more engaging and fun. Overall, we see this app as a platform for lifelong learning and want to continue to innovate and improve it in the future.