-
๐ฑ Iโm currently learning React
-
โก Fun fact: I have four cats
bea-ordonez / whatscookin Goto Github PK
View Code? Open in Web Editor NEWThis project forked from turingschool-examples/whats-cookin-starter-kit
This project forked from turingschool-examples/whats-cookin-starter-kit
๐ฑ Iโm currently learning React
โก Fun fact: I have four cats
This was an extension, but we can try to set this up for next phase.
Added files for the testing data, user class and the user test. Created the framework for each and need to move on to writing the tests and creating the class methods.
This view is working as of lunchtime on 2/22 - but it is possible to add duplicate recipes to the saved recipes property of user / the global variable array. Fix is likely checking for boolean from 'savedRecipes.includes(event.target.id)' and exiting function if condition is true.
This is now working - save recipe button connectivity added to event listener that was originally created for single recipe view.
Follows similar logic as single recipe view - matches the event.target.id to react to mouse click on the button, uses the id of the button to match the clicked recipe within the entire recipeData array.
We have chosen the rating a recipe functionality for our extension.
This is most likely going to be implemented as CSS 'after' psuedo-classing to display changes, alongside a global variable that saves the ID of each affected recipe alongside its rating out of 5 stars. - Shane
// This is probably going to be a new function that lives in apicalls and is imported into scripts.js
// this function should be a fetch method with the fourth endpoint as the first parameter, the second parameter will be the
// 'options object' that takes the savedRecipes array and parses it into the correct data type
Update for 2/26, Shane:
I made a POST fetch function and slopped it into scripts.js, had trouble figuring out the syntax to export two functions from apicalls so I figured we could try to get it working first then figure out the importing.
It fetches using the right syntax - as we get a message that signals a successful response according to our server files on our local server hosting repo.
The task now is to retrieve the posted data in our initial promise resolution, so that we can instantiate a User that immediately retrieves the stored data upon page load.
This is an actual concern that came to mind - I am fairly sure that we are building our Recipe class in a way that is not actually instantiating Ingredients and passing them into: recipe.details.ingredients.
This issue is now closer to completion - the API data is being invoked upon each search, and the display is being updated after search bar button with some success.
The 'display no results' function is no longer usable, so we will need to recreate that once we review these changes.
Now that basic design is up we need to build out the beginning functionality for it 1.
Add a search bar to Nav,
Add possible tags.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.