Code Monkey home page Code Monkey logo

mealprep's Introduction

MEAL PREP

A food app that helps plan your meals in advance and create your grocery list using a recipes API. The app will generate a set of easy recipes according to the user preferences and needs. The user can save recipes to their favorites list, customize their meal plan and share the shopping list on email.

Main Contributors

Anitha Amarnath anithaamarnath, Diana Ilinca procadiana, Karina Lopez karinalop

Getting Started

  1. Clone this repository.
  2. Create or use your https://www.edamam.com/ (recipes API) and store your KEY_API_ID and KEY_API_PASS on the .env file into the rails-back-end folder
  3. You need TWO terminals to run this proyect:
  • In one terminal: cd rails-back-end, bundle to install the dependencies, bin/rake db:setup to create the databases (called rails_project_development by default), bin/rake db:migrate tu run migrations, bin/rake db:seed to seed the database, bin/rails s to run the server.
  • In the other terminal: cd react-front-end, npm install, npm start
  1. The app will be served at http://localhost:3000/.

Final Project

"Home page" "Login Page" "Creating a New Meal Plan" "Meal Plan" "Recipe Details" "Current Meal Plan and Favorite Recipes" "Meal Plan History"

Tech Stack

1.Axios 2.Edamam API https://www.edamam.com/ 3.React 4.Reactstrap 5.Ruby on rails 6. Postgres

Contact the Contributors

Questions? Comments? Want to contribute to this? Feel free to contact any of the contributors of this repo.

mealprep's People

Contributors

procadiana avatar anithaamarnath avatar karinalop avatar

Watchers

James Cloos 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.