P2__Waves Piece of the Pie
Tri 3 project for P2__Waves
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
Technicals/refrences
Contributors
Change log
0 week left of school
week 10
- Colin
- [x] 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
- [x] moved the api interactions to the main nav bar, not hidden within own minilab location
- [x] when sign up, user info database automatically created per user
week 9
week 8 (progress for week of 5/24/21)
week 7 (progress for week of 5/17/21)
- College board submission week
- Colin
-
Colin
-
Ticket #1:
-
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
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
- 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
- User Database and login (Andrew)
- Blueprint setup (Diego)
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