https://github.com/od-c0d3r/hello-rails-react

Practice connecting a Ruby on Rails back-end and React front-end. Practice connecting a Ruby on Rails back-end and React front-end.
https://github.com/od-c0d3r/hello-rails-react

Last synced: about 2 months ago
JSON representation

Practice connecting a Ruby on Rails back-end and React front-end. Practice connecting a Ruby on Rails back-end and React front-end.

• Host: GitHub
• URL: https://github.com/od-c0d3r/hello-rails-react
• Owner: od-c0d3r
• Created: 2022-03-08T21:50:05.000Z (almost 3 years ago)
• Default Branch: development
• Last Pushed: 2022-03-21T10:01:02.000Z (almost 3 years ago)
• Last Synced: 2024-10-21T19:04:09.172Z (2 months ago)
• Language: Ruby
• Size: 1.21 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# Hello Rails React 

> Connect previous knowledge with new knowledge as we get .\

> a chance to use the `react-rails` gem. 

> This gem allows you to build React components as a part of your Rails JavaScript and serve it in a component, react_component, to be used in a regular ERB file.

## Built With

- Rails 7 ~ _Ruby Web development framework_

- React, Redux, Routers ~ _Javascript Libraries_ 

## Getting Started

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

- From your terminal enter in sequence

  - `git clone https://github.com/od-c0d3r/hello-rails-react`

  - `code hello-rails-react`

### Available Scripts

In the project directory, run in order:

- #### `npm install`

  - Install the project dependencies.

- #### `rails db:create`

  - Creates the project database.

- #### `rails db:migrate`

  - Creates the tables in the database.

- #### `rails db:seed`

  - Populate the tables with default records.

- #### `rails server`

  - Runs the app in the development mode.\

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

- #### `./bin/webpack`

  - Combine React app modules.

     - _You might run up with error : `opensslErrorStack`_\

  _In that case run in terminal : `export NODE_OPTIONS=--openssl-legacy-provider`_

- #### [EXTRA] `./bin/webpack-dev-server` 

  - The page will reload when you make changes to any of Js modules.

## Coders

👤 **Omar Rashad**

- GitHub: [@od-c0d3r](https://github.com/githubhandle)

- LinkedIn: [@omarrashad](https://linkedin.com/in/omarrashad)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

## Show your support

Give a ⭐️ if you like this project!

## License

This project is [MIT](./MIT.md) licensed.