Coder Social home page Coder Social logo

whatscookin's Introduction

GH banner

  • ๐ŸŒฑ Iโ€™m currently learning React

  • โšก Fun fact: I have four cats


My Skill Set

Frontend

React CSS3 JavaScript TypeScript HTML5 Git Webpack Node.js Mocha Chai

Connect with me


Github Stats


Recent Blog Posts






Generated using Github Profilinator

whatscookin's People

Contributors

bea-ordonez avatar hannahhch avatar hfaerber avatar khalidwilliams avatar nikhil9999 avatar niksseif avatar sdmisra avatar sophielabelle avatar winstoncalhoun avatar

Stargazers

 avatar  avatar  avatar

whatscookin's Issues

PHASE 1 ISSUE - Saved Recipes View (Updated 2/22) - Issue now 'bug'

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.

PHASE 1 ISSUE - save a recipe btn/function

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.

Chosen Extension(Rating System)

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

PHASE 2: Implement POST to enable saved recipe list persistence between sessions.

// 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.

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.