WebTube - A Video Streaming Website

WebTube - A Video Streaming Website

AttainU
AttainU
Web tube

Stage 1 Project (Out of 3 Stages)

This project was developed by AttainU Students.

Live Project link

Github Project link

What we are trying to build? Why did we choose to work on this?

Hi, I am Vineet, a student at attainu. Before we start Let me brief u with a bit about my background and then we will dive straight into the project. So, it has been 2 months at attainu where we were taught the basics of web development and then we were assigned a topic to create a website on the same. We were a group of five people and the topic assigned to us was to create a video streaming website.

Technologies used and why?

HTML,CSS,JAVASCRIPT

NODE.JS, BOOTSTRAP, JQUERY, HANDLEBARS

EXPRESS ROUTER, EXPRESS SESSION, BODY PARSER

YOUTUBE API

DEPLOYMENT: HEROKU

DATABASE SERVER: MongoDB ATLAS

. Here for login box and sign up box with have used bootstrap form and a bit of CSS for styling. After we fill our signup form, the data is uploaded on mongo dB server which is running on mongo dB atlas. We have used cards for displaying the videos and we have used handlebars for loading the common template on each page. we have used data from youtube API and using the videoID I loaded it on the youtube embedded player.

We have also added a logout button and delete account button if u wish to do so. Delete account will also delete your data from our mongo dB server. For deploying we have used Heroku. Apart from that, we have used node.js for backend, jQuery, express module to create routes, express session to keep sign in user on our website.

Future scope and improvements?

We can work more on the user interface and can make it more interactive and beautiful.

We can also work on adding support page for a donation from users who benefitted from our app.

We can also add an advertisement to support our project.

We can add social media apps linking with our website to connect with them as well as share some useful information in future although it's complicated.

 

Demo 1

Demo 2

Demo 3