byteverse_DARK-Ciphers

StudyTube - Personalised & Focused Learning

Project Overview (Description)

As you know millions of students are learning from YouTube as it is one of the biggest platform that provides content for free. But it has a huge downside "Distractions". StudyTube provides a curated and distraction-free environment for educational content from YouTube, catering specifically to students who seek a focused learning experience without the distractions often found on the platform. This controlled environment aims to support millions of students who utilize YouTube for their studies but struggle to maintain focus due to unrelated content.

Features

• Playlist Management:
  • Users can add playlists by pasting the URL into the designated field.
  • Delete playlists as desired.
• Custom Video Player:
  1. Web Interface: Utilizes a custom video player for seamless playback within the app.
  2. Android Interface: Uses a video controller for smooth playback.
• Front-end platforms: User-friendly interfaces developed in Flutter for accessibility.
• Progress Tracking: Track the percentage of a playlist watched by the user.

Tech Stack

• Frontend(Flutter): Dart, Flutter
• Backend: Firebase, YouTube API
• Database: Firestore
• Authentication: Firebase Authentication
• Logo: Adobe Illustrator

Installation and Usage

Firebase Hosting

The web version of the app is deployed on Firebase Hosting that can be accessed by any person in the world with the link.
Here you can check the web version of the app yourself: https://studytube-byte.web.app/
Test Id: test@gmail.com
Test Password: test123

Repo Link

https://github.com/AdityaPratapSinghR/byteverse_DARK-Ciphers.git

1. Clone the Git Repository
git clone https://github.com/AdityaPratapSinghR/byteverse_DARK-Ciphers.git
2. Resolve Flutter Dependency
flutter pub get
3. Choose your desired environment (emulator, phone, web etc.)
4. Run the Flutter App
flutter run

Video Demonstration

Android App: https://youtu.be/UQjy25nshhU
Web App: https://youtu.be/6fHbanTr30c

Custom Iframe Player

We created a custom Iframe Player for YouTube Player using the iframe that YouTube itself uses as the library for video player was not working for Web.

Running Flutter App

1. Navigate to the app folder.
   
2. Resolve Flutter dependencies.
   
3. Choose your desired environment (emulator, phone, etc.).
   
4. Run the Flutter app.
   

Motivation

The motivation behind StudyTube is to provide students with a distraction-free environment for focused learning, leveraging curated educational content from YouTube. As you know millions of students are learning from YouTube as it is one of the biggest platform that provides content for free. But it has a huge downside "Distractions". If a student makes his mind to study and opens the app and the first video he sees is a comedy sketch and thinks okay let me just watch this video and he sees it, gets the dopamine boost and continues watching and without realising it has wasted 3-4 or even more hours of his day. So in order to prevent this from happening to us and those millions of student we made this app.

Objectives

1. Distraction-free environment.
2. Personalised educational content.
3. User-friendly Interfaces.

Project Phases

Phase 1: Initial Release

• Firebase authentication
  
• App and Web interfaces for user interaction.
  

Phase 2 (Future Enhancements)

• Integration of similar study resources based on playlist content.
  
• Enabling note-taking at desired timestamps for review later.
  

Web and App Interface