ConnorLam / DropShotz

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DropShotz

Link to live site

About DropShotz:

DropShotz is a website clone of YouTube. DropShotz's intentions are to be used as a badminton highlights YouTube for people to showcase their best clips

Wiki Links

This project is built with:

Frontend

  • React
  • Redux
  • JavaScript
  • HTML5
  • CSS3

Backend

  • Python
  • Flask

Hosting

  • Heroku

How to run locally:

  1. Clone the repo
  2. Go into backend directory and run pipenv install to grab dependencies needed
  3. create a .env fileadd add values to variables listed
    • SECRET_KEY
    • DATABASE_URL
    • S3_BUCKET
    • S3_KEY
    • S3_SECRET
  4. Go into pip[env shell, Migrate and seed data in the backend flask db:init, flask db:migrate, flask db upgrade, flask seed all
  5. Run server using flask run in root directory npm start in front end (opens a broswer at localhost:3000)
  6. Look around app!

Pages

Landing page

  • All videos can be viewed by any user, log in if you want to use all features! image

Video Page

  • If you click on a video you can view the video with its comments
  • Write your own comment only if you're logged in image

Create video form

  • Fill in info and post your best clips image

Comment edit and delete

  • If you have a comment you want to change or delete click buttons on the right image

About


Languages

Language:Python 64.2%Language:CSS 33.1%Language:Dockerfile 1.4%Language:Mako 0.7%Language:HTML 0.4%Language:Shell 0.1%