Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/johnftitor/hello-rails-react

Testing rails with react in one app
https://github.com/johnftitor/hello-rails-react

Last synced: about 4 hours ago
JSON representation

Testing rails with react in one app

Awesome Lists containing this project

README

        

![](https://img.shields.io/static/v1?label=BY&message=JohnFTitor&color=blue)
![](https://img.shields.io/badge/Microverse-blueviolet)

## Hello Rails React

Testing rails with react in one app

### Requirements
In order to work on this project, you need to have the following dependencies installed:

- [Ruby](https://www.ruby-lang.org/en/)
- [Postgresql](https://www.postgresql.org/)
- [Node.js](https://nodejs.org/en/)
- [Yarn](https://yarnpkg.com/)
- [Rails](https://rubyonrails.org/)

## Built With

- Languages: _**Ruby 3.1.1**_
- Frameworks: _**Ruby On Rails**_
- Technologies used: _**Visual Studio Code**_

## Getting Started

### Clone this repository

```bash
$ git clone [email protected]:JohnFTitor/hello-rails-react.git
$ cd hello-rails-react
```

### Commands to run

Run
```bash
$ bundle install
```

To get all the gems required for the project

Then, run

```bash
$ npm install
```
To install packages such as style linters

To check linters locally, use
```bash
$ rubocop
$ npx stylelint "**/*.{css,scss}"
```

Once you have the project correctly set up, run
```bash
$ bin/rails db:setup
```

To run all migrations, create the database for testing and for development, and insert some data into the database for you to visualize the changes

To run the server:

```bash
$ ./bin/rails s
```

For you to see the styling being applied in the browser during development

## Authors

:bust_in_silhouette: **AndrΓ©s Felipe Arroyave Naranjo**

Platform | Badge |
--- | --- |
**GitHub** | [@JohnFTitor](https://github.com/JohnFTitor)
**Twitter** | [@johnftitor](https://twitter.com/johnftitor)
**LinkedIn** | [Andres](https://www.linkedin.com/in/andresarroyavenaranjo/?locale=en_US)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

## Show your support

Give a ⭐️ if you like this project!