Git Product home page Git Product logo

lucy-okoth / online-food-recipe Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 358 KB

An online Website API that fetches information from Server about Recipe Ingredients.You can search your preferred ingredient and get the recipe video by clicking the search button .

Home Page: https://lucy-okoth.github.io/Online-Food-recipe/

License: MIT License

CSS 45.48% JavaScript 18.34% HTML 36.19%
css html5 vanilla-js database recipe-api fetch

online-food-recipe's Introduction

##FOOD RECIPE API

##Author Name: Lucy Agono OKoth

##Table Of Contents: Description MVP Problem Statement API Live Link Installation Process

##Description: An online Website API that fetches information from Server about Recipe Ingredients,takes you to the recipe list and finally get's the recipe video from youtube.You can search your preferred ingredient and get the video recipe by clicking the search button .

##Instructions of how to run the application:

Once in th landing page,you'll type the kind of recipe you want for example chicken in the search box. YouThe recipe will be fetched from the server and a list of chicken ingredients will be returned. From the list of chicken ingredients,you can also watch the recipe video whose information is fetched from the server,just click on the watch video and the video will be shown. Finally ,this application has accomplished effective use of media queries therefore can fit any device.

##Problem Statement

The proposed system is an online food Recipe system that enables ease for customers to overcomes the disadvantages of the traditional queueing system. It is a medium to Check online food Recipe hassle-free from restaurants as well as the method of cooking. This system improves the method of taking orders from customers. The online system sets up a food recipe menu online and customers can easily pick the Recipe as per their wish.

##API https://www.themealdb.com/api.php

Live Link:https://lucy-okoth.github.io/Online-Food-recipe/

#Github Link https://github.com/Lucy-okoth/Online-Food-recipe

##Technologies Used: HTML5 for page restructure CSS for styling Javascript for adding interacctions and navigationto the recipe Server for data display Vanilla Js Project API

##Program Setup Instructions Accessing the project requires a user to have the following: Any computing device with access to Internet. Reliable Internet connection.

Clone the site and run it on your machine using the command below on your terminal and then run it

git clone [email protected]:Lucy-okoth/Online-Food-recipe.git Github Pages

Online-Food-recipe-system

Copyright (c) 2022, Lucy-okoth. All rights reserved. This software is licensed under the MIT licensed Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

##Licence: MIT License

Live Demo Video Link:

Screencast.from.05-09-2022.7.15.57.WB.webm

online-food-recipe's People

Contributors

lucy-okoth avatar

Watchers

 avatar

online-food-recipe's Issues

Video Demo

Screencast.from.05-09-2022.7.15.57.WB.webm

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.