GithubHelp home page GithubHelp logo

reem-lab / recipe-app Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 1.0 169 KB

The Recipe app keeps track of all your recipes, ingredients, and inventory. It will allow you to save ingredients, keep track of what you have, create recipes, and generate a shopping list based on what you have and what you are missing from a recipe. Also, since sharing recipes is an important part of cooking the app should allow you to make them public so anyone can access them.

License: MIT License

Ruby 68.57% JavaScript 0.07% CSS 0.95% HTML 27.13% Batchfile 3.28%
database rspec-rails ruby rubyonrails testing bootstrap herokudeployment

recipe-app's Introduction

Recipe App

The Recipe app keeps track of all your recipes, ingredients, and inventory. It will allow you to save ingredients, keep track of what you have, create recipes, and generate a shopping list based on what you have and what you are missing from a recipe. Also, since sharing recipes is an important part of cooking the app should allow you to make them public so anyone can access them.

vedio demo ๐ŸŽฅ

RecipeApp.-.Google.Chrome.2022-05-19.00-43-12.mp4

Heroku Deploy ๐Ÿš€

Live demo here

Netlify Deploy

Netlify Status

Built With

  • Ruby
  • Ruby on Rails
  • RSpec, PostgreSQL

Configuration

To use this project you first need to have installed the following:

  • Node.js
  • Ruby
  • PostgreSQL
  • Rails
  • Ruby version

The version of ruby that is needed for this project is

  • 3.1.1

Once you have installed them, you need to use the following command to clone the repository:

git clone [email protected]:Reem-lab/Recipe-app.git

Then install the bundle configruation by thr following command


bundle install

Database creation

Next, use this command to create the databases:

rails db:create

Usage

Finally, use the following command to initialize the live server:

rails s

How to run the tests

before you run the tests

rails db:seed RAILS_ENV=test
rspec spec

or :

rspec spec/models
rspec spec/views

Authors

๐Ÿ‘ค Reem Janina

Platform Badge
GitHub @Reem-lab
Twitter Rem79940127
LinkdIn reem-janina

๐Ÿ‘ค Piero Lescano

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a โญ๏ธ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • etc

๐Ÿ“ License

This project is MIT licensed.

recipe-app's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

recipe-app's Issues

General shopping list view [3pt]

  • Should show the list of food that is missing for all recipes of the logged-in user.
  • Should count the total food items and total price of the missing food.

Add tests for models

  • Add test for the models food & recipe & recipeFood.
  • Add test for views page log in & page foods index
  • Add some validations to the foods model.

Food list [3pt]

  • Should display a list of food as in the wireframe.
  • Should lead to a form that allows users to add new food.

Recipies list [ 4pt]

  • Should display a list of recipes created by the logged-in user as in the wireframe.
  • Should lead to recipe details.
  • If the user is the owner of the recipe, should allow the user to delete it.

Public recipe list [2pt]

  • Should display a list of all public recipes ordered by newest as in the wireframe.
  • Should lead to recipe details.

Set up the project [2pt]

-Setup new rails project.

  • Add Devise, CanCanCan, RSpec and Capybara gems.
  • Add TailwindCSS.
  • Create food, user, recipes, and recipe food models.
  • Add seeds file for adding data
  • Create the migrations

Recipe details [2pt]

  • If the recipe is public or the user is the owner of the recipe, should display the recipe details as in the wireframe.
  • If the user is the owner of the recipe, should lead to the form that allows user to add new food.

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.