Skip to content

TranManhCuongQN/HciTube-Fe

Repository files navigation

Project Name: HciTube - A Video Sharing Platform

Overview:

HciTube is an innovative video sharing platform designed to provide users with a seamless and engaging experience in sharing and discovering videos. It aims to revolutionize the way people interact with video content, fostering a vibrant community of creators and viewers alike.

Main technology used

  • ReactJS
  • NodeJS
  • MongoDB
  • ExpressJS

Features

  • User can upload video
  • User can watch video
  • User can like, dislike video
  • User can comment on video
  • User can subscribe to other users
  • User can search for videos
  • User can view history
  • User can manage profile
  • User can manage video
  • User can like, dislike, reply comment
  • User can view video by category
  • User can view video by playlist
  • User can view video by favorite list
  • User can add video to playlist
  • User can add video to favorite list
  • User can view analytics
  • User can view notification
  • User can search keyword or search voice
  • User can filter video by upload date, category, time, sort
  • User can signin, signup, signout
  • User can change password
  • User can forgot password

Installation

  • Clone from repo HCI-api (server)
  • Clone from repo Hci-client (client)
  • After cloning the repository, follow these steps to set up and run the HciTube project:
    • cd into the HCI-api folder and run npm install to install the dependencies
    • After installing and run npm start to start server
    • cd into the HCI-client folder and run npm install to install the dependencies
    • After installing and run npm run dev to start client

Achieved results

Signup page

signup page

Signin page

signin page

Home page

home page

Watch page

watch page watch page1 watch page2

Channel page

channel page channel page2 channel page3 channel page4

Profile page

profile page

Upload page

upload page upload page1

Manage video page

manage video page

Analytics page

Analytics page1 Analytics page2 Analytics page3

Subscriptions page

Subscriptions page

Library page

Library page

Favorite page

Favorite page

Search page

Search page Search page1 Search page2 filter

Watch video from playlist

Watch video playList

Watch video from favorite list

Watch video favorite list

Live demo

https://hci-tube-gejcl8jsg-tranmanhcuongqn.vercel.app/

I would appreciate your feedback to improve the project further. Thank you for taking the time to review.