https://github.com/praisespjmt/react-on-rails

A demo app that add React framework to manage client-side of application running on Ruby-on-Rails. The app display a ramdom message from the server using React component.
https://github.com/praisespjmt/react-on-rails

rubyonrails

Last synced: 5 months ago
JSON representation

A demo app that add React framework to manage client-side of application running on Ruby-on-Rails. The app display a ramdom message from the server using React component.

• Host: GitHub
• URL: https://github.com/praisespjmt/react-on-rails
• Owner: PraisesPJMT
• License: mit
• Created: 2023-01-09T14:07:02.000Z (over 3 years ago)
• Default Branch: development
• Last Pushed: 2023-01-11T02:00:53.000Z (over 3 years ago)
• Last Synced: 2025-02-13T13:52:58.252Z (over 1 year ago)
• Topics: rubyonrails
• Language: Ruby
• Homepage:
• Size: 227 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 📗 Table of Contents 

- [📗 Table of Contents](#table-of-contents)

- [📖 React on Rails](#about-project)

  - [🛠 Built With ](#built-with)

    - [Tech Stack ](#tech-stack)

    - [Key Features ](#key-features)

- [💻 Getting Started ](#getting-started)

  - [Prerequisites](#prerequisites)

  - [Setup](#setup)

  - [Install](#install)

  - [Usage](#usage)

- [👥 Authors ](#authors)

- [🤝 Contributing ](#contributing)

- [⭐️ Show your support ](#️show-your-support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License ](#license)

# 📖 React on Rails 

> `React on Rails` is a demo app that add `React`

> framework to manage client-side of application running on `Ruby-on-Rails`.

> The app display a ramdom message from the server using `React` component

## 🛠 Built With 

### Tech Stack 

> Here are the tech stacks applied in this project.

  Language

  


    
Ruby

    
JavaScript

  


  Framework

  


    
Ruby on Rails

    
Reactjs

  


Database

  


    
PostgreSQL

  


  Linters

  


    
Rubocop

    
Stylelint

  


  Markup Languages

  


    
HTML5

    
CSS3

  


  Test Library

  


    
RSpec

  


(back to top)


## 💻 Getting Started 

### Prerequisites

> The following applications are required to be installed for the project to run!

- Install Ruby on your computer (machine)

- Install a modern browser e.g [Google Chrome](https://www.google.com/chrome/), [Edge](https://www.microsoft.com/en-us/edge?r=1), [Firefox](https://www.mozilla.org/en-US/exp/firefox/new/) etc.

- Install [Node.js](https://nodejs.org/en/download/) LTS version

- Install [Git](https://git-scm.com/downloads)

### Setup

Clone this repository to your desired folder:

```sh

  git clone git@github.com:PraisesPJMT/React-on-Rails.git

  cd React-on-Rails

```

### Install

Install this project with:

```sh

  gem install bundler

  bundle install

  npm install

```

### Usage

To run the project, execute the following command:

```sh

  rails db:prepare

  rails db:seed

  ./bin/dev

```

- After running `./bin/dev`, use the app on [http://localhost:3000/](http://localhost:3000/) in the browser!

- For more information please visit [Ruby-on-Rails](https://rubyonrails.org/).

(back to top)


## 👥 Authors 

👤 **Praises Tula**

[![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white)](https://github.com/Paul-js-hub)

[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/praises-tula/)

[![Twitter](https://img.shields.io/badge/Twitter-%231DA1F2.svg?style=for-the-badge&logo=Twitter&logoColor=white)](https://twitter.com/PraisesPJMT/)

[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:praisesmusa@gmail.com)

[![AngelList](https://img.shields.io/badge/AngelList-%23D4D4D4.svg?style=for-the-badge&logo=AngelList&logoColor=black)](https://angel.co/u/praises-tula/)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

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

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

> - Original UI design by [Gregorire Vella](https://www.behance.net/gregoirevella) on [Behance](https://www.behance.net/gallery/19759151/Snapscan-iOs-design-and-branding?tracking_source=).

> - Tip hart to you for checking this project out

(back to top)


## 📝 License 

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