Skip to content

nachen98/WeTube

Repository files navigation

About WeTube

WeTube is a web application inspired by YouTube. It is an video sharing and social media platform .

Click here to view WeTube Live Site

Please see below links to project Wiki

Tech Stack

Frameworks, Platforms, & Libraries:

Backend:

Flask Python SQLAlchemy SQLite AWS

Frontend:

React Redux Ubuntu JavaScript NodeJS HTML CSS3

Hosting: Heroku Docker

Database:

Postgres

Features Directions:

Splashing Page

All videos are displayed to users. Clicking each video will direct user to the video detailed page.

image

Sign-up Form

To comment and upload videos, you can sign up easily by filling out this modern sign-up form modal.

image

Log-in Form

Once signed-up, user will login by filling out this form. It also alow to log in as a demo user.

image

Dropdown Menu

The dropdown menu displays current user's info and the log-out tab.

image

Upload a Video Form

Filling out this uploading video form will have your videos go public!

image

Video Details Page

In this page you can vatch the videos, uploaders info, description, comments and list of recommended videos on the side. If you created this video, you can delete and edit it here too.

image image

Create a comment

Users can create comment to videos.

image

Edit/Delete a comment

Users can edit or delete their comment. image

To-Do List:

  • Add the channel, description, search, like features.

Get Started:

  1. Clone this repository (only this branch)

    git clone git@github.com:nachen98/Youtube-Clone.git
  2. Install dependencies

    pipenv install -r requirements.txt
  3. Create a .env file based on the example with proper settings for your development environment

  4. Make sure the SQLite3 database connection URL is in the .env file

  5. Get into your pipenv, migrate your database, seed your database, and run your Flask app

    pipenv shell
    flask db upgrade
    flask seed all
    flask run
  6. From the root directory, cd into react-app, install your dependencies, run npm install, and WALA! You got your very own Discord clone.

    cd react-app
    npm install
    npm start

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published