Restaurant Reviews Website
This website acts as a conduit for reading and posting reviews, ratings, and atrributes of your favourite restaurants.
Project Management
OOP Lesson
Project Work
OOP Coding Workshop
Project Work
1/2 way Milestones Completed
- Fix current bugs (Ivan)
- Get JS form to work (Kevin)
- CSS layouts completed incl. MQ (Jordan)
OOP Coding Workshop
Project Work
Ethics & Legals cross-session
Project Work
Project Tasks Completed
- Page layouts for all Media Queries
- Can post reviews
- All current JS Functions completed
CSS Animation class
Project wrap-up
- Complete README
- Tidy root directory
- Merge all git branches
- Higher detail timelines
- Set more concise milestones
- Decompose problems further
- Split labour more evenly across disciplines
- Start JS early to remain on same page
- Understand the data structure
- Manipulate the application data
- Get the data into the structure
- Take responsible, effective breaks
- Getting frustrated happens, refer to above
- .then statements!!!!
- Stay motivated
1. wrote sudo code for potentially necessary functions;
2. researched how to make ranking system with JS, wrote sudo code and examples for reference;
3. researched where to get weather info, no REALLY FREE api yet...
1. made a test.html in scripts folder for function testing only;
2. made a function to show names of all restaurants. It's working but need improvements;
3. made a function to screen all restaurants with patios.
1. made the names into buttons with on click functions;
2. wrote the functions to show restaurant details.
1. rewrote the fetch functions into async for readability;
2. rewrote all the other functions in callback function;
3. gave the buttons onclick functions that can only add info in a div (should replace info instead of adding).
1. wrote a function to calculate the average score of a restaurant;
2. things to do over the weekend:
a. post request for user comment;
b. link the score to the restaurant, ie. when I click the button, the score of the restaurant should pop up.
1. wrote the function to properly display score when a restaurant is clicked;
2. wrote the function to show 3 restaurants with highest score.
1. fixed bug for displaying reviews;
2. added a function to show 3 reviews of this restaurant when the name button is clicked;
3. minor refactor in the function showRestaurantInfoAnd3Reviews.
1. added "active" state for restaurant buttons, ie. the clicked button will change style untill another button is clicked.
2. researched how to post user comments with javascript fetch-post.
1. continued researching and testing, can make new entry in server, but the entry is empty.
1. set an "initial state" to show one restaurant info & reviews without clicking any buttons;
2. gave the generated contents different tags for better CSS styling.
1. post user comment.
2. weather api, show restaurants with patios according to weather.
3. change restaurant names in the reviews into links. When a link is clicked, page should jump to the restaurant info section and display related info.
Most: Putting pieces of code together can make some of the functions work!
Least: Having errors in my console and could not figure out why...
1. I created the repo and sent a collaboration to Ivan and Jordan.
2. I created a few branches through the day.
3. I downloaded several images, placed them in the images folder, and added them to index.
4. Researched how to add comments and score, which we most likely do with patch.
5. Researched how to add total number of reviews and restaurants. This will be dependent on the content of the API, when we receive it.
1. UPdated more images
2. Studied Scrapi
3. Did footer structure and style
4. Did grid on page 2
1. Finished grid on page 2
2. Started on switching pictures with JS
1. Finished picture switching functionality
2. Started working on Combining scores for
overall average
1. FInished combining scores with Ivans help
1. Fixed the footer
1. Finished Forms
1. Fixed footer as it broke
2. Continued work on forms
1. Fine tuned layout
2. Added tablet media query
Getting Picture replace working with JavaScript
Not getting Promises and code. It is really disheartening.
1. Built initial structure of HTML
2. Linked google fonts
3. Base styles begun
4. Icons linked and made available
1. Media Query
2. Fine-tuned layouts for mobile/desktop
3. Styles applied
4. Created img grid for reviews section
1. Completed Mobile layout/styles
2. Desktop layout/styles applied, near completion
3. Fonts/Colors applied
4. Re-classed html elements for clarity
1. Created async functions to show total restaurants and reviews
2. Inserted promise results into DOM
1. Created function to pull reviews based on recent updates
2. Began Re-structuring layout for optimization
3. Adjusting site brand colors for accessibility
1. Adjusted button styles
2. Adjusted styles for generated information
3. Corrected img layout for mobile
1. De-bugged css to remove layout breakages
2. Completed optimized layouts for mobile and desktop media queries
3. Re-structured elements for increased usability
4. Re-styled search input
5. Made iframes responsive to media breaks
1. De-bugged HTML
2. De-bugged CSS
3. Researched POST to API
4. Replaced all placeholder text
1. De-bugged HTML
2. De-bugged CSS
3. Added MQ for responsiveness
4. Formatted review areas
5. Adjusted form input sizes
6. Re-formatted page layouts
Most Proud: Getting live information from API on to the page
Least Proud: Overall lack of contribution to JS files both timewise and knowledgewise
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent