Git Product home page Git Product logo

hoangsonww / recipegenie-app Goto Github PK

View Code? Open in Web Editor NEW
10.0 9.0 7.0 4.7 MB

๐Ÿ‘จโ€๐Ÿณ Welcome to The Recipe Genie App - The Ultimate Recipe Assistant, your personal culinary guide and portal to a world of delicious dishes. Both the web and mobile app versions are available - with the mobile app coming very soon!

Home Page: https://hoangsonww.github.io/RecipeGenie-App/

License: MIT License

HTML 7.61% JavaScript 17.44% CSS 7.71% Python 5.17% PHP 4.81% Java 16.31% Swift 35.51% Dockerfile 0.03% Kotlin 0.52% Shell 0.20% Objective-C 4.69%
html javascript recipe recipe-app recipes cordova django restful-api flask machine-learning python react recipe-search recipe-website recipes-app vue webpack

recipegenie-app's Introduction

The RecipeGenie App


Overview

RecipeGenie is a feature-rich, user-friendly web application designed to simplify and enhance the cooking experience. Whether you're a seasoned chef or just starting in the kitchen, RecipeGenie offers a range of functionalities to cater to your culinary needs. From discovering new recipes to managing cooking times with an integrated timer, RecipeGenie is your go-to digital cooking assistant.

User Interface

The RecipeGenie App Interface

Features

  • Extensive Recipe Database: Access a wide variety of recipes from different cuisines.
  • Search Functionality: Easily search for recipes based on ingredients, dish names, or dietary preferences.
  • Favorites Management: Save and manage your favorite recipes for quick access.
  • Cooking Timer: In-app cooking timer to help you keep track of your cooking.
  • Social Sharing: Share your favorite recipes with friends and family on social media.
  • Responsive Design: Enjoy a seamless experience on both desktop and mobile devices.
  • Interactive Chatbot: Get assistance and suggestions from our RecipeGenie chatbot.

Installation

To get started with RecipeGenie:

  1. Clone the repository:
    git clone https://github.com/hoangsonww/RecipeGenie-App.git
  2. Navigate to the project directory:
    cd RecipeGenie
  3. Simply open the index.html file in your preferred web browser.

Usage

  • Finding Recipes: Use the search bar to find recipes based on specific ingredients or names.
  • Saving Favorites: Click the heart icon on any recipe to save it to your favorites.
  • Setting a Timer: Enter the time in minutes and start the timer to keep track of your cooking tasks.
  • Navigating to About Page: Learn more about RecipeGenie by visiting the About page accessible from the main menu.

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Node.js
  • React
  • ReactNative (for mobile app)
  • Swift (for iOS app)
  • Kotlin (for Android app)
  • Java (for Android app)
  • Python (for backend)
  • Apache Cordova
  • MongoDB
  • Firebase
  • Netlify

Mobile Apps

RecipeGenie is also available as a mobile application for both iOS and Android. The mobile app offers a seamless user experience and additional features such as meal planning, cooking conversions, and an interactive chatbot. The app is developed using Swift, Kotlin, Java, and React Native to ensure a consistent and engaging experience across platforms.

To get started with the mobile app:

  1. Clone the repository.
  2. Go to the RecipeGenie subdirectory.
  3. For the iOS app, simply open the file RecipeGenie.xcodeproj in Xcode.
  4. For the Android app, open the project in Android Studio and then run the following commands (with an AVD up and running):
cd RecipeGenie

cordova build android

cordova emulate android

Note that if you have changed any part of code for the iOS app, you might have to run the following code and then re-run the app for the changes to take effect:

cd RecipeGenie

cordova platform rm ios

cordova platform add ios

Contributing

We welcome contributions to the RecipeGenie app. Please read our CONTRIBUTING.md file for guidelines on how to make contributions.

Support

For support, feedback, or suggestions, please email us at [email protected].

Authors and Acknowledgment

RecipeGenie was created by a team of passionate developers and chefs. Special thanks to everyone who contributed their time and expertise to this project.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.


ยฉ Created with โค๏ธ by Son Nguyen. All rights reserved. Hope you enjoy using RecipeGenie! ๐Ÿฝ๏ธ

recipegenie-app's People

Contributors

hoangsonww avatar kailielexx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

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.