GithubHelp home page GithubHelp logo

tajulafreen / recipe-app Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 1.0 157 KB

[Recipe App] The Recipe app keeps track of all your foods, recipes, and ingredients. It allows you to save ingredients, create recipes, and generate a shopping list based on what you have and what you are missing from a recipe.

License: MIT License

Ruby 67.09% JavaScript 1.81% CSS 0.84% HTML 27.37% Batchfile 2.89%
bootstrap postgresql-database rspec-testing ruby ruby-on-rails

recipe-app's Introduction

๐Ÿ“— Table of Contents

๐Ÿ“– [Recipe App]

[Recipe App] The Recipe app keeps track of all your foods, recipes, and ingredients. It allows you to save ingredients, create recipes, and generate a shopping list based on what you have and what you are missing from a recipe.

๐Ÿ›  Built With

Tech Stack

Key Features

  • [A login page]
  • [Adding foods and creating recipes]
  • [A general shopping list view]
  • [Use validations for models]
  • [Write unit tests for models]
  • [Write request tests for models]
  • [Set up the view model]
  • [Use preprocessed HTML file with embedded Ruby code.]
  • [Use layouts and templates for shared content.]

(back to top)

๐Ÿ’ป Getting Started

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

Prerequisites

In order to run this project you need the following installed in your local system

  • Ruby
  • Git CLI
  • Github account

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone [email protected]:tajulafreen/Recipe-app.git

Install

Install gems with:

  bundle install

Setup database with:

rails db:create
rails db:migrate

Usage

To run the project, execute the following command:

  rails server

Visit http://localhost:3000/ in your browser.

Run tests

  • Install npm with:
  • Install rspec with:
  bundle install

and

  rails generate rspec:install

run the test with:

  rspec spec

(back to top)

๐Ÿ‘ฅ Authors

๐Ÿ‘ค Foga Kater Amos

๐Ÿ‘ค Tajul Afreen

๐Ÿ”ญ Future Features

  • [Build the front end of the system]
  • [Style the front end]

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like this project please leave a STAR to the Github repo

(back to top)

๐Ÿ™ Acknowledgments

I would like to appreciate Microverse for providing the resources and the platform for us to be a Professional full-stack developer.

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

recipe-app's People

Contributors

katfogy avatar tajulafreen avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

katfogy

recipe-app's Issues

[2pt] Display a list of recipes

  • Display a list of recipes created by the logged-in user.
  • Follow the wireframe given for displaying
  • Should lead to recipe details.

[2pt] Display a list of food

  1. Should display a list of food added by the logged-in user as in the wireframe.
  2. display the quantity of a given food.
  3. Follow the wireframe

[2pt] Create Recipe detail page

  • Display the details of the recipe
  • Should display a toggle button allowing a recipe to be made public or private.
  • Create a button to add a new food.
  • If the recipe is public or the user owns the recipe, it should display the recipe details as in the wireframe.

[2pt] Create General shopping list view

  • Should show the list of food that is missing for all recipes of the logged-in user (compare the list of food for all recipes with the general food list of that user).
  • Should count the total number of food items and the total price of the missing 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.