MI STREAM

A video library for you to experience how interviews are conducted for your dream professions.
Live Website · Report Bug · Request Feature

Table of Contents

1. About The Project
2. Built With
3. Features
4. How To Use
5. Folder Structure
6. Contributing

About The Project

With MI-STREAM you can get familiar with the interview process by watching videos for four major professions, Product Management, Software Development, Management Entrances and Public Sector Professions. You can create a playlist for your favorite interview or save it to watch later, all for absolutely free.

(back to top)

Built With

• ReactJS
• React Router
• Redux Toolkit
• Youtube
• Gentle UI
• Mockbee
• React Toastify
• Material Icons

(back to top)

Features

• User Authentication
  • Login.
  • Signup.
  • Logout.
• Like Management
  • Like/Unlike a Video.
  • Liked Videos will be preserved.
• Watch Later Management
  • Add/Remove from Watch Later.
  • Saved Videos will be preserved.
• Playlist Management
  • Create New Playlist
  • Add/Remove video from playlist.
  • Delete Playlist.
  • View all Playlists
  • View single Playlist
• History Management
  • Watch History will be preserved.
  • Delete video from History.
  • Clear all History
• Filter Videos by Categories.
• Play Single Video.
• Watch on Full Screen Mode.

(back to top)

How To Use

1. Visit MI Stream and you will directly land on Home page.

2. You can see some curated category info cards which on click leads you to the video listing page where the category on the info card gets applied as a filter.

3. Click on your favorite Video and you will be redirected to Single video screen where you can watch the video in Full Screen or Normal screen.

4. Login/Signup by Navigating to respective page using login button on navigation bar.

5. Once Logged in You can Like/Dislike a video, Create new Playlist and add Videos to it, save videos to watch later.

6. All the Watch History will be saved and you can refer to anytime.

(back to top)

Folder Structure

- /public
- /src
   - /backend
   - /components
   - /constants
   - /hooks
   - /pages
   - /reduxFiles
   - /routes
   - /services
   - /utilities
   - App.module.css
   - App.js
   - index.css
   - index.js
   - server.js
- package-lock.json
- package.json
- README.md
- yarn.lock

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch
3. Commit your Changes
4. Push to the Branch
5. Open a Pull Request

(back to top)