VELSTREAM

VelStream is best place to watch all the trailers for your Favorite Movies.
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
7. Contact

About The Project

With Velstream you can enjoy watching movie trailers for four major categories, Action, Documentary, Thriller and Romance. You can create a playlist for your favorite trailer or save it to watch later, all for absolutely free.

(back to top)

Built With

• ReactJS
• React Router
• Youtube
• Velocity UI
• Mockbee
• React Toastify
• Font Awesome

(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
• Search any video
• Filter Videos by Categories.
• Play Single Video.
• Watch on Full Screen Mode.

(back to top)

How To Use

1. Visit VelStream and you will directly land on Video Listing page.

2. Here you can see some curated category Filters, apply your favorite filters or directly Search for your favorite videos.

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
   - /assets
   - /backend
   - /components
   - /context
   - /helpers
   - /pages
   - /reducers
   - /services
   - App.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)

Contact

• Twitter - @ankur_chunekar
• Linkedin - @ankurchunekar
• Website - ankurchunekar.netlify.app
• Hashnode - @ankurchunekar

(back to top)