Coder Social home page Coder Social logo

recipe-mobile-app's Introduction

Recipe Finder

This is the mobile version of the sime recipe app that I created for the web. I initially had the same concept for the mobile verions but I built the app, and learned more about what I can do with the Spoonacular API, I decided to push it further and make it much more helpful. This is a more complex version of the app and I am very proud of it. It is still in the works. It is almost complete except for one hiccup that I'm working on.

How it Works

The interface is simple. The main page explains how the app works and explains to the user how to use the app. You type in the list of ingredients that you have in the text box, then press "Get Recipes." You are then taken to a page where it shows the list of possible dishes you can make using the ingredients you entered.

Once you make your selection, you're taken to another page that shows an additional list of variants of that dish that you selected along with pictures. Tap "Full Recipe" button under the one you choose and a dialog box will appear that shows the recipe name, the ingredients you will need, and cooking instructions.

What's left

The whole app works however there are some recipe titles that are empty from Spoonacular's side. This is a known issue however I'm working on the error handling. I would like it to either now show the recipe title at all when the app pulls the list of recipes to make, or when the user taps on the recipe title that has no data, an error message appears explaining that this recipe title has no data. I'm having a tough time with it but I'll keep pushing through and hopefully get that going soon!

recipe-mobile-app's People

Contributors

dvasquez08 avatar

Watchers

 avatar

recipe-mobile-app's Issues

Not All Recipes Load Information

After entering ingredients, the list of recipes load successfully. Most recipes will load the recipe details after tapping on them, working the way that it should. However, some recipes will load a blank screen, not showing anything at all.

After checking the documentation for Spoonacular, some recipes have empty data, causing the app to do what it's doing by loading what the API is sending it even though it's empty data, not showing an error message.

In the Spoonacular documentation, it says there's a way to exclude these by using the includeinstruction parameter to a boolean value. I will attempt to resolve this issue using this information from the documentation

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.