ChaptersQueue

Visit the website - chapters-queue.vercel.app

📖 Table of Contents

Table of Contents

• About The Project
• Screenshots
• Tech Stack
• Run Locally
• Environment Variables
• References

About the Project

Bring any YouTube video which has chapters and convert it into a course, track your progress right inside of our app.

Screenshots

Tech Stack

• React
• Firebase
• Bootstrap
• Redux

Run Locally

Clone the project

  git clone https://github.com/pri1311/ChaptersQueue

Install npm packages

  npm i

Configure Firebase

Create a project on Firestore and add relevant keys to .env file.

Starting Client

  npm start

At the end of this, you should have

• client running at http://localhost:3000/

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

REACT_APP_YOUTUBE_API_KEY : Youtube API/Consumer Key

REACT_APP_FIREBASE_API_KEY : Firebase API Secret

REACT_APP_FIREBASE_MESSAGING_SENDER_ID : Firebase Messaging Sender ID

REACT_APP_FIREBASE_APP_ID : Firebase App ID

REACT_APP_FIREBASE_MEASUREMENT_ID : Firebase Measurement ID

References

• Core-Idea :
  • ytcourses
  • ytcourses

TODOs

• Authentication
• Get Video Details and Parse Description
• Handle Chapter End
• Persist all changes (Chapter end, video load) to Firebase
• My Courses Page
• Authorization for pages other than home & login/register
• Login/Register and HomePage UI
• Check for duplicate course - don't allow!
• Option to load Playlists too
• Create Custom Chapters (Maybe?)
• Error Handling for API calls
• Logout/Remember Login