videoTube Frontend

Overview

videoTube is a comprehensive video platform where users can:

• Upload and play videos 📹
• Like and comment on videos ❤️💬
• Save liked videos in a special section
• Track watched videos in your watch history
• Enjoy optimistic view counting for a smooth experience 📊

Tech Stack

• Frontend: React, Redux, React Query, Axios, Tailwind CSS
• Backend: Node.js, Express, MongoDB, Mongoose ORM
• Deployment: Docker, Nginx, Render

Features

• Upload and play videos
• Like and comment on videos
• Save liked videos
• Track watched videos
• Optimistic view counting

Demo

Watch the demo video for a walkthrough of the project:

<iframe src="https://player.vimeo.com/video/982999217" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

Live Project

Check out the live project: Live Project

Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• npm
• Node.js

Installation

1. Clone the repo

   git clone https://github.com/MerakiShubh/videoTube-frontend.git
   

2. Install npm pachages

   npm install
   

3. Set up environment variables Copy the .env.sample file to .env and fill in the necessary values.

   cp .env.sample .env
   

4. Start the development server

   npm run dev