Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andres-condezo/hello-rails-react

Hello Rails React app is a web application to display a random greeting, this app implements a connection between a Ruby on Rails back-end and React front-end using the react-rails gem.
https://github.com/andres-condezo/hello-rails-react

rails react

Last synced: 17 days ago
JSON representation

Hello Rails React app is a web application to display a random greeting, this app implements a connection between a Ruby on Rails back-end and React front-end using the react-rails gem.

Awesome Lists containing this project

README

        

[Microverse]:https://img.shields.io/badge/Microverse-blueviolet
[Ruby]:https://img.shields.io/badge/ruby-%23CC342D.svg?style=for-the-badge&logo=ruby&logoColor=white
[Rails]:https://img.shields.io/badge/rails-%23CC0000.svg?style=for-the-badge&logo=ruby-on-rails&logoColor=white
[Postgres]:https://img.shields.io/badge/postgres-%23316192.svg?style=for-the-badge&logo=postgresql&logoColor=white
[HTML5]:https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white
[CSS3]:https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white
[React]:https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB
[Redux]:https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white

![Microverse]

# Hello Rails React

![Ruby] ![Rails] ![Postgres]

![HTML5] ![CSS3] ![React] ![Redux]

![screenshot-2](./splash_screen.png)
![screenshot](./categories_screen.png)

> Hello Rails React app is a web application to display a random greeting, this app implements a connection between a Ruby on Rails back-end and React front-end using the react-rails gem.

Table of Contents

* [Built With](#built-with)
* [Major languages:](#major-languages)
* [Framework:](#framework)
* [Getting Started](#getting-started)
* [Prerequisites](#prerequisites)
* [Setup](#setup)
* [Install](#install)
* [Usage](#usage)
* [Authors](#authors)
* [Contributing](#contributing)
* [Show your support](#show-your-support)
* [Acknowledgments](#acknowledgments)
* [License](#license)

## Built With

### Major languages

- Ruby
- JavaScript

### Frameworks

- Ruby on Rails
- React

## Getting Started

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

### Prerequisites

- Ruby 3
- Ruby on rails 6
- React 18
- PostgreSQL
- Node
- Yarn

### Setup

- Clone the repository:

```bash
git clone https://github.com/andres-condezo/hello-rails-react.git
cd hello-rails-react
```

### Install

- Install dependencies:

```bash
bundle install
```
- Create database:

```bash
rails db:create
rails db:migrate
rails db:seed
```

### Usage

- In the project directory, you can run:

```bash
rails server
```

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

## Author

[@andres-condezo]:https://github.com/andres-condezo
[@andres_condezo]:https://twitter.com/andres_condezo
[andres-condezo]:https://www.linkedin.com/in/andres-condezo/

| 👤 | **Andres Condezo** |
|--------------|--------------------|
| **GitHub** | [@andres-condezo] |
| **Twitter** | [@andres_condezo] |
| **LinkedIn** | [andres-condezo] |

## 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!

## Acknowledgments

[react-rails]:https://github.com/reactjs/react-rails

- [react-rails] documentation.

## License

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