https://github.com/raminmammadzada/recipes-with-rails-react

Ruby on Rails application that stores your favorite recipes and displays them with a React frontend.
https://github.com/raminmammadzada/recipes-with-rails-react

Last synced: 2 days ago
JSON representation

Ruby on Rails application that stores your favorite recipes and displays them with a React frontend.

• Host: GitHub
• URL: https://github.com/raminmammadzada/recipes-with-rails-react
• Owner: RaminMammadzada
• Created: 2021-03-27T14:14:18.000Z (over 3 years ago)
• Default Branch: develop
• Last Pushed: 2022-03-16T14:04:02.000Z (almost 3 years ago)
• Last Synced: 2024-12-11T17:33:27.328Z (12 days ago)
• Language: Ruby
• Size: 958 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Recipes Project with Ruby on Rails Project and a React Frontend

In this project, I created a Ruby on Rails application that stores 

your favorite recipes then displays them with a React frontend. User can create, view, and delete recipes from its profile. It is created with React and user interface is styled with Bootstrap.

## Milestones of the project.

- [x] Miltestone 1 - Creating a new Rails application

- [x] Miltestone 2 - Setting up the database

- [x] Miltestone 3 - Installing frontend dependencies

- [x] Miltestone 4 - Setting up the homepage

- [x] Miltestone 5 - Configuring React as Rails project frontend

- [x] Miltestone 6 - Creating the Recipe controller and model

- [x] Miltestone 7 - Viewing Recipes

- [x] Miltestone 8 - Creating Recipes

- [x] Miltestone 9 - Deleting Recipes

 

## Livedemo

- [Click Here]()

## Video presentation

- Soon will be here.

## Screenshot




Homepage component:

![screenshot](./docs/images/screenshot_1.png)




Recipe component:

![screenshot](./docs/images/screenshot_2.png)




NewRecipe component:

![screenshot](./docs/images/screenshot_3.png)

## Built With

- [Node.js](www.nodejs.org)

- [npm](https://www.npmjs.com/)

- [ES6](http://es6-features.org/) 

- [React](https://reactjs.org/)

- [React-DOM](https://reactjs.org/docs/react-dom.html)

- Ruby on Rails

- ActiveRecord 

- PostgreSQL

- webpacker

- CSS

- Heroku

### Setup

Clone the repo by typing

```

git clone https://github.com/RaminMammadzada/recipes-with-rails-react.git

```

Install packages with

```

  npm install

```

Start server with:

```

  npm start

```

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

## Author

👤 **Ramin Mammadzada**

- Github: [@raminmammadzada](https://github.com/raminmammadzada)

- Twitter: [@raminmammadzada](https://twitter.com/raminmammadzada)

- Linkedin: [Ramin Mammadzada](https://www.linkedin.com/in/raminmammadzada/)

### Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](https://github.com/RaminMammadzada/recipes-with-rails-react/issues)

### Show your support

Give a star if you like this project!