P2__Waves Piece of the Pie

Tri 3 project for P2__Waves

Project Plan

Runtime link: http://site.pieceofthepi.cf/

Idea

Our idea is to create a sort of Pizza revolved site, where you can order pizza, leave reviews, see deals, and more. We are going to take inspiration from the layout of other sites like dominos. In order to add a unique spin on it, we would like to impliment a feature where people can post pictures of the food they order and leave a reveiw, and other users can see the food and reviews, sort of like social media, but for pizza.

Inspiration

• Yelp
• Dominos
• Pizza Hut
• Reddit

Technicals/refrences

• for subdomains
• connecting Node.js with flask (for the direct messaging platform)

Contributors

Name	Github
Bradley Bartelt	BradleyBartelt
Diego Krenz	Diegokrenz
Colin Szeto	colin-szeto
Andrew Zhang	Ketherbug

Scrum board

Deployed

Change log

0 week left of school

week 10

• Colin
  • need to connect up the sign up to mongo db
  • waiting for crossover team to deploy on Mr. M hardware to ensure that writting to the correct API
    • posting with the api
    • pulling with the team api
  • moved the api interactions to the main nav bar, not hidden within own minilab location
  • when sign up, user info database automatically created per user

week 9

• Colin
  • using mongo db with sockets
  • planing for chatting rooms (mongo db and socketio conflict)
    • will deploy chat room in separate website that will be linked on the nav bar, on click will log you into the chat room website
    • utilizing api to share information between the websites, signing up on the main site will be utilized onto the chat app
  • how to only allow access through redirecting through spceific website

week 8 (progress for week of 5/24/21)

• week of the College Board Exam

• outlined the 4 interactions of the project

  • API formatting - reviews on the pizza
  • Chatting between users - () video series | python socket
  • Uploading Posts - (POST)
  • Navigating External API - see dominos

• Colin

  • going to be pivoting from sqlite (local database), and pivoting to a cloud database using MongoDB. This is going to resolve the problems with merging local versions of databases.
    • using MongoDB Atlas
    • documentation for MongoDB Atlas
    • documentation MongoDB w3 schools
  • great tool to learn about git article | discussion

week 7 (progress for week of 5/17/21)

• College board submission week
• Colin
  • ticket College Board
  • ticket PBL

week 6 (progress for week of 5/10/21)

• Colin

  • Ticket #1:

    • runtime link,
    • Frontend code,
      • code implementation of js to display number of stars based off integer of rating of review
    • Backend Code

      • code worked on getting the getters up for publishing database information in an API - using workaround to map information from database into a list of json (each item within the list is a JSON which represents each row of data)

        • this is as the database file init is not in the app.py (highest level route management)

      • code location where api routes are within the code

      • Code backend to choose random review from database

      • first counts number of entries in database

      • choose entry to display based off random selection of all entries in database

  • Ticket #2:

    • Objective, to create listeners dynamically based off presets (precursor to linking the network map with the database)
    • Runtime link see buttons on right side of screen
    • code Old way in storing presets
    • code using jinja for loops to iterate through data
    • code preset info stored in external python document
    • code Failed attempt in creating listeners dynamically, will explore using .this to read the value of selected item and use the children to find the id of corresponding tags storing values

week 5 (progress for week of 5/3/21)

• Colin
  • code runtime link worked on networking diagram maker
    • lessons learned: use the canvas for drawing lines
    • simple is usually better
  • worked on connecting database with API forked code
  • Prototypes made
    • code rabbit racer from Khan academy
    • code planets from khan academy (learning about appending children to parents)
    • code testing to see how div would interact with transform: rotate(180deg)
    • code testing if making connections by rotating div would work
      • used points to document where the mousedown and mouse up occured

week 4 (progress for week of 4/26/21)

• Colin
  • worked on the admin page
    • worked on connecting up the database information to be shown in the front end
  • worked on college board submission redrawing polygon based off of user input

week 3.5 spring break (4/19/21)

week 2 (3/29/21) - 3 (4/5/21) Python Mini Labs

Colin

• link to runtime (this is the landing page, please ignore fibonacci as it was a reference for myself)
• link to runtime (this is the real mini lab, all decriptions and instructions are on the page)
  • code (backend)
    • code defining a class
    • code initializing objects from a class
    • code defining objects
      • code Decimal to Hex Converter, really for error handeling if ther was no input (will be explianed later on
      • code Hex to binary converter, attempted to user b != '' to provided different conversions based on what parameter was passed in, if b was passed in the object would convert b to binary, if b was not passed the object convert the user input into the class to binary (I have since learned that objects cannot refrence one another in a class) so currently b is force to '' to deflut to converting the parameter passed into the class to binary
      • code here is the object which formats the code ready to be itterated through (see below for more details)
  • code getters
  • code (front end)
    • code using objects to format getters, I am able to itterate through the data with jinja loops
      • code here is the object which formats the code ready to be used
      • code here is the getter for the dictonary formatting of the code
      • code here is the location of the route where the getter is redefined "ist_conversion=conversion._list" so that it can be used in the jinja for loop
• WOW
  • my wow is definitely how I use two forms to pull objects from the same class
  • code in the front end I have two diffrent forms that are shown based on selection with javascript (using the lessons that Mr. Matt presnted about this week) or using data passed in from the route code
  • code in the back end of routes, I see iff the single input was filled
    • code if the single field was not filled, we can assume that the user filled out the multi filed form and restrict the values that are taken from the form and inputted into the class for our getters
    • code if so then (single field was filled), we can pull from the single field and pass it into the class for our desired values
    • notice when different routes are called for different inputs we specify which table we want to see
      • type_js=json.dumps('multi') code
      • type_js=json.dumps('single') code

Andrew

• Link to project in runtime: http://site.pieceofthepi.cf/andrew/
• link to Html code: https://github.com/BradleyBartelt/P2__Waves/blob/main/views/andrew/templates/mini_lab.html
• link to Python code: https://github.com/BradleyBartelt/P2__Waves/blob/main/views/andrew/minilab.py
• Other Python file: https://github.com/BradleyBartelt/P2__Waves/blob/main/views/andrew/app.py

Bradley

• Link to project in runtime: http://site.pieceofthepi.cf/bradley/
• link to Html code: https://github.com/BradleyBartelt/P2__Waves/blob/main/views/Bradley/templates/minilabB.html
• link to Python code: https://github.com/BradleyBartelt/P2__Waves/blob/main/views/Bradley/binary.py
• Other Python file: https://github.com/BradleyBartelt/P2__Waves/blob/main/views/Bradley/app.py

Diego

week 1 (Tickets for 3/26/21)

• Homepage Template and Navbar (Bradley) ticket

  • This week I found an HTML template for our homepage, and created the navbar for our website. I am currently linking our HTML templates to the navbar, but we only have 2 at the moment, so some of the links will not be active.
  • (all the files in this link) Link to front end code
  • Link to python code
  • (really just the app routes in there)
  • link to runtime main page with navbar http://site.pieceofthepi.cf/

• User Profile Homepage and deployment (Colin)

  • ticket
    • worked on the user profile page this week
    • Front in
      • code
      • deployed runtime link
    • Backend
      • code heavily used 'background-color' to differentiate between the divs to focus on the layout and spacing of the code
      • code temporary backend, will replace with reading information from the database
      • code WOW using listeners to communicate which button was selected and to avoid inline javascript, using procedures by taking in parameters to determine which div to show and which div to hide
    • Mini Lab location
      • runtime
      • blueprint

• User Database and login (Andrew)

  • ticket

• Blueprint setup (Diego)

  • ticket

Pull code from Github and update packages

In console/terminal (every update: pull code and check package dependencies)...

pi@raspberrypi:~ $ sudo apt update; sudo apt upgrade

pi@raspberrypi:~ $ cd ~/P2__Waves

pi@raspberrypi:~/P2__Waves $ git pull

pi@raspberrypi:~/P2__Waves $ source wave/bin/activate

In console/terminal with virtualenv activitate (every time: check and update packages)...

(wave) pi@raspberrypi:~/P2__Waves $ sudo pip install -r requirements.txt

In console/terminal (every time AFTER initial setup: restart gunicorn)...

pi@raspberrypi:~ $ sudo systemctl restart wave.service

Credit

• Favicon Used