GithubHelp home page GithubHelp logo

shella12 / recipe-app Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 8.82 MB

Recipe app is a Ruby on Rails app that helps you plan and organize your cooking. With Recipe app, you can easily store and manage your ingredients, inventory, and recipes. You can also generate shopping lists based on your recipes and share your recipes with other users.

Home Page: https://ayesha-recipe.up.railway.app/

Ruby 67.79% JavaScript 1.39% CSS 2.83% HTML 27.98%
posgresql recipe-app rspec ruby ruby-on-rails

recipe-app's Introduction

πŸ“— Table of Contents

πŸ“– [Recipe-app]

With the Recipe app, you can organize and manage your cooking with ease. You can save and track your ingredients, inventory, and recipes in one place. You can also generate a shopping list based on what you need for a recipe or what you have in stock. And if you love to share your recipes with others, you can make them public and let anyone enjoy them.

πŸ›  Built With

Tech Stack

Server
Database

Key Features

  • Show list of public and private recipes
  • Create Shopping list
  • Authentication
  • Authorization
  • Interactive Navbar

(back to top)

Live demo

Click link to see live demo

(back to top)

πŸ’» Getting Started

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

Prerequisites

  • Ruby (ruby --version)
  • SQLite3 (sqlite3 --version)
  • Node.js (node --version)
  • Yarn (yarn --version)

Install

Since Rails started out as a project full of packages and libraries, and has since become the full-stack framework it is, it can be easy to forget that it is also just a package itself. If these are all good, you can check:

  • Rails (rails --version)

If you get a good version, you're ready to go! (Almost). If you didn't, you may still need to install the Rails gem.

gem install rails

It can be good to keep in mind which version you're using as each of these will update on their own schedule and sometimes the code changes just enough to give us bugs. This will be true for all the packages, gems, APIs, or any other dependencies you may bring into your projects as a developer.

Setup

Clone this repository to your desired folder:

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

Run

To run this app on your local environment you need to run bundle install

Usage

You need to get your Rails application server running,in order to see your app in the browser. This is like live preview in the browser for rails applications. Run :

 $ bin/rails server

OR

$ rails s

visit localhost in your browser!

To exit server enter β€œControl (^ )+ C”

Tests

To create tests, RSpec testing framework is used. In order to run tests use following command:

 $ rspec spec

Note: You can also run the test by using just rspec but it runs all tests folders and files with name like ****_spec

(back to top)

πŸ‘₯ Authors

πŸ‘€ Ayesha Arshad

πŸ‘€ Zuhra Hashimi

(back to top)

πŸ”­ Future Features

  • Improving UI
  • Make an API of this app

(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 give this repo a star ⭐️

(back to top)

πŸ™ Acknowledgments

Project architecture and requirments provided by Microverse

(back to top)

πŸ“ License

This project is MIT licensed.

(back to top)

recipe-app's People

Contributors

shella12 avatar zuhra-hashimi avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

zuhra-hashimi

recipe-app's Issues

Create recipe details page [5pt]

  • Should display a toggle button that allows for a recipe to be made public or private.

  • 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 the user to add new food.

ROR Project Kanban Board

  • Created tasks on Kanban board based on the project requirements.

  • Each task has a separate card that:

  • Has a descriptive title.

  • Has the number of points in the [Xpt] prefix. That number indicates the number of points that show how complex the task is. 1 point = 1 hour of estimated work.

  • Has a description of the task.

We are a team of two namely @shella12 and @ZuhRa-HashiMi . Here is the link to the Project

Create a food list page [3pt]

  • Should display a list of food added by the logged-in user as in the wireframe (for teams with only 2 people - display also quantity of a given food).
  • Should lead to a form that allows users to add new food.

Create a recipes list page [3pt]

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