/FullStack.MicroWebApplication-Server

Video library application constructed from the ground up by four proactive software developers from Zip Code Wilmington. The video library apps functions similar to sites like Youtube and Netflix.

Primary LanguageJava

ZT Logo Github

ZipTube v7.0 - Micro Web Application

  • Objective - to create an implementation of a small web service
  • Purpose - to demonstrate the construction of a full-stacked web-application, development of both front end (client side) and back end(server side) portions of web application, hosting on cloud services for deployment.

Contributors:

Website

Back End of ZipTube Application

Front End of ZipTube Application

Video Library Application

User Stories to Fulfill

  • As a client, (logged in) I

    • can upload new videos
    • can view list of all videos
    • can filter videos by category
    • can post simple text-comments on a video
    • can get in contact with developers
    • can login and view profile
    • can like or dislike videos
    • view history of watched videos
  • As a client, (not logged in) I

    • can view list of all videos

Developmental Notes

  • Wireframe - Mockflow
  • Frontend - Reactjs
  • Business Logic - Java built on Maven with Spring Boot framework
  • Data Layer - MySQL hosted with AWS RDS
  • Cloud - Backend logic hosted by Heroku. Frontend hosted with AWS Amplify. AWS S3 buckets for video storage.

Installation

Back End

  • Use Spring Initializer to create an starting point for you application
  • Project Lombok
  • AWS s3
  • mockito

Front End

  • npm install for React
  • import React-Bootstrap, auth0-react, react-router-don, react-promist-tracker, emailjs-com

Running the application

Back End

  • You can run back-end by running the VideoAppApplication.java from: com/GroupProject/VideoApp/VideoAppApplication.java

Front End

  • You can run reactjs with: npm start

DEMO

ZT Login

ZT Home Page Trending

ZT Video page

ZT Explore

ZT Upload

ZT User Profile

ZT History

ZT Support