Skip to content

An video player app with all lessons with @juiceghost during the school year. You can also add videos to the playlist. Using Firebase + React.

License

Notifications You must be signed in to change notification settings

pazsea/school-player

Repository files navigation

Patrick Sjöberg logo

🚩 Project Goal

Yay! School is in! Working with react-player library, I've made an player where the user can add their own lecture stream to a custom playlist. Other user can view this playlist in real-time. You can either choose to view the latest 10 lectures or the whole database of lectures. The design is simple so it can work well on mobiles as it is the main aim.

Live demo.

What’s In This Document

🔔 Features:

  • Add videos to the playlist entering the title and URL.
  • Play videos in the embedded react-player by pressing on a video.
  • Videos get automatically sorted of when the video was added.
  • Check out the 10 most recent videos or the whole database of videos.
  • Of course stop, play, fullscreen etc of youtube controls.
  • App is rezised for mobile use.

💻 How to run this project

  1. Install from the root folder

    npm install
    
  2. Then just run the app

    npm start
    

💾 Gif

schoolPlayer

Still TO DO:

  • Input to search for an specific video either name, category or date.

  • User would need to sign in for adding videos.

  • Auth user should be able to add slide url to lecture playlist.

  • Auth user can edit list

  • Automatically add videos from google docs to firebase API.

  • STYLING

  • REFACTOR ALL CODE. (IE, STYLED COMPONENTS)

📓 Author

Patrick Sjöberg @pazsea

About

An video player app with all lessons with @juiceghost during the school year. You can also add videos to the playlist. Using Firebase + React.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published