VidFlow

An open source content sharing platform (similar to YouTube).

Preview: https://www.youtube.com/watch?v=WJZyM-X8wAo

Backend repo: https://github.com/CryptoSingh1337/vidflow-backend

Features

• Server side rendering
• Stunning and responsive UI
• Dark and light theme
• Material design
• JWT based user authentication
• Home page
• Trending page
• Subscriptions page
• History page
• Liked videos page
• Comment on videos
• Upload video page
• Your videos page
• Channel page
• Settings page

Screenshots

Light theme

Landing page

Landing page after login

Login/Signup page

Signup page

Watch video page

Video footer section

Upload video page

Upload video

Add video metadata

Channel page

History page

Search page

Your videos page

TODO

• Like/dislike video functionality.
• Forgot password via email.
• Notifications functionality using redis as data store.
• Clear watch history after 21 days using Scheduling Tasks.

Run Locally

Clone the project

  git clone https://github.com/CryptoSingh1337/vidflow-client.git

Go to the project directory

  cd vidflow-client

Install dependencies

  npm install

Start the server

  npm run dev

Tech Stack

• Client:

  • Typescript
  • Nuxt
  • Vuetify
  • Deployment:
    • Vercel
    • AWS

• Server:

  • Java
  • Spring Boot
  • Spring Data Mongo
  • Spring Data Redis
  • Spring Security
  • Microsoft Azure Blob Storage
  • AWS Simple Storage Service
  • Deployment:
    • AWS