Giter Club home page Giter Club logo

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.

Built With

  • Major: Ruby, HTML,CSS
  • Frameworks: Rails, Bootstrap5
  • Libraries: Cancancan, Devise
  • Technologies: Git, Gitflow, Linters, Github, PostgreSql, Rspec, Capybara, Robocop

Live Demo

Live Demo Link

Sing_up and Login instructions

  • After you create you new account go back to the login button then you could be able to login

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

  • Have a computer and internet connection
  • Have Ruby installed on your computer
  • Have Rails installed on your computer
  • Have a basic knowledge of Ruby and OOP concept
  • Have a basic knowledge of Rails
  • Have a general understanding of what testing is
  • Have visual-studio code or any other code editor installed on your computer.

Setup

Install

  • Run the command bellow in your terminal to get all required files
bundle install
npm install

Run tests

you can run one of the following command in your terminal

  1. Run testing
rspec spec
  1. Run linters
> npx stylelint "**/*.{css,scss}"
> Rubocop --color
> Rubocop -A

Authors

๐Ÿ‘ค Abdo

๐Ÿ‘ค Chris Siku

๐Ÿ‘ค Safar Ali

๐Ÿค 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!

recipe-app's People

Contributors

abdo9826 avatar chrissiku avatar safar1212 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

recipe-app's Issues

[3pt] Inventory details

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

[4pt] Inventories list:

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

[3pt] Recipe details

  • Should have a modal to choose an inventory to create a shopping list with, as in the wireframe.

[4pt] Inventory shopping list

  • Should show the list of food that is missing by comparing the food in the recipe with the food in the inventory.
  • Should count the total food items and total price of the missing food.

[2pt] Public recipe list

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

[3pt] Customise design

You should follow the layout of the wireframes provided. You should personalize the rest of the design including colors, typographies, spacings, etc.

[4pt] Recipes list:

  • 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.

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.