Code Monkey home page Code Monkey logo

polyflix's Introduction

307-Project: PolyFlix

example workflow example workflow

Description:

PolyFlix is a web app for Cal Poly students to find movies and see what their friends are watching. With PolyFlix, users can share their movie experiences with their friends. It includes the following features:

  • Access to information of thousands of movies, including descriptions and trailers.
  • Search functionality for users to find exactly what movie they want.
  • User-centered profile system, allowing users to view the profiles of other PolyFlix users
  • Capability for users to add movies to their favorites and other users to their friends list, making PolyFlix a social experience.

Demo Video

https://youtu.be/uf93IXtfaj8

Design Plan

UML Class Diagram

https://miro.com/app/board/uXjVPJ_5azg=/?share_link_id=141138062493 Last updated 11/30/2022

UI Prototype:

https://www.figma.com/file/uYDGdJpJMdvsbJIZhnjp3b/307-Project-Prototype?node-id=2%3A33

Account Creation Sequence Diagram

https://tinyurl.com/3bh49hdp

Dev Environment Setup

First Time Setup

Backend Environment Setup

  • In the terminal, navigate to Polyflix/backend, then type in 'npm install'.

Frontend Environment Setup

  • In the terminal, navigate to Polyflix/frontend, then type in 'npm install'.

To run dev environment

Open two terminal windows.

  • In the first window, navigate to Polyflix/backend and type in 'npm run dev'. The message "REST API is listening" indicates that the backend is functioning.
  • In the second window, navigate to Polyflix/frontend and type in 'npm start'. The browser window will open automatically.

Prettier Format Setup Instructions:

On VS Code, download the Prettier extension Then format the document with prettier (Cmd+Shift+P) After, go to settings (Cmd+,) and search "Editor:Format on Save" and turn it on

Code coverage report

Screen Shot 2022-12-01 at 5 22 16 PM

Generated on: 12/1/2022 at 5:22 pm

polyflix's People

Contributors

benlyon03 avatar kibby111701 avatar shaikh7860 avatar berkeleyreynolds avatar

Stargazers

Bruno C. da Silva avatar  avatar

Watchers

 avatar

Forkers

bcdasilv

polyflix's Issues

User list - DB

DB table of site users. Contains fields from #5 user entry form, as well as list of reviews/ratings and uniquely generated id.

Delete user button - Frontend

Button to delete a user from the site, including the db. Design decision required for where on site will be located

Top Movie of the Week

Use the database to take all the users favorite movies from each profile and calculate the most favorited

Add Review - FE, BE, DB

Be able to add a review for a movie or show I watched.

  • Add a review to the db
  • display a form on the frontend to input review

View Where to Watch - FE, BE, DB

Information on where to watch (platform) a specific movie/ tv shows

  • web scrapper to gather information
  • display symbols on front end
  • add information to the database

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.