Giter VIP home page Giter VIP logo

calcu-calorie's Introduction

UofA-Project1

calcu-calorie's People

Contributors

jasjohn3 avatar matt545 avatar mpgaunt avatar moonman9 avatar

Stargazers

 avatar

Watchers

James Cloos avatar  avatar  avatar

calcu-calorie's Issues

Second API Fetch Request

Get second API for project
Get API Key
Send a Fetch API request to the API
Output data.results to console

Geocode API Call

Create a Fetch request to Geocode API
Output fetch request to console with data results.

Navbar and Footer Feature

create a Navbar using Materialize CSS
Links include Home, Nutrition, About and Recipe linked to html files
Ensure All components are responsive design
Create Footer that includes copyright

Create Feature branch Nutrition

Send Fetch requests to recipe API
Parse data in JSON from results
Create dynamic cards using materialize for each element contained in results.data
Create a Custom Search field for user input on the query string for the fetch url
Develop Materialize cards that output to the main screen with query data
Add Materialize Toast for error Handling

Recipe Feature Branch

Send Fetch requests to recipe API
Parse data in JSON from results
Create dynamic cards using materialize for each element contained in results.data
Create a Custom Search field for user input on the query string for the fetch url
Develop Materialize cards that output to the main screen with query data
Add Materialize Toast for error Handling

Minimum Viable Product

Merge Feature Branches into develop branch, ensure no conflicts exist
Home Page About Page Nutrition Page Recipe Page must be include.
Nutrition Page must have a single user input field for query string
Recipe Page Must have single user input field for query string
Results from API calls must be displayed to the Nutrition and Recipe pages in Materialize components

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.