https://github.com/neckerfree/hello-rails-react
Set up a "Hello world" project as one app with Webpack
https://github.com/neckerfree/hello-rails-react
Last synced: 10 months ago
JSON representation
Set up a "Hello world" project as one app with Webpack
- Host: GitHub
- URL: https://github.com/neckerfree/hello-rails-react
- Owner: NeckerFree
- Created: 2022-08-15T18:08:48.000Z (almost 4 years ago)
- Default Branch: development
- Last Pushed: 2022-08-17T23:49:11.000Z (almost 4 years ago)
- Last Synced: 2025-03-17T15:58:08.093Z (about 1 year ago)
- Language: Ruby
- Size: 481 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README

# Project Name: Hello World React & Rails
> This project implements a connection between a Ruby on Rails back-end and React front-end..
## Built With
- Ruby on Rails
- React
- PostgreSql
## Getting Started
To get a local copy up and running follow these simple example steps.
- Clone Repository using
`git clone https://github.com/NeckerFree/hello-rails-react`
- Move into project directory
`cd hello-rails-react`
### Setup Database
- Make sure that your Postgres database is installed.
- Open the file config\database.yml
- Modify the connection parameters to point your Postgres database:
`username: [your_user]`
`password: [your_password]`
- If required drop existing database : `rake db:drop`
- Create databases: `rake db:create`
- Create db structure including tables : `rake db:migrate`
- Generate Seed data running the command : `rails db:seed`
### Run API
- Located in the root path run `rails server` to start the API
- Visit http://localhost:3000/ in your browser!
- Navigate to http://localhost:3000/api/v1/greetings to see random Greeting in the API
### Run APP
- Located in the `app\react-app\hello-rails-react`
- run `npm i` to install dependencies
. run `npm start` to start the React App:
- The app ask to select a different port:
- `Something is already running on port 3000`
- `Would you like to run the app on another port instead? » (Y/n)`
- Enter `Y` and the app open in the browser in next free port, for example:
- http://localhost:3001/
## Author
👤 **Elio Cortés**
- GitHub: [@NeckerFree](https://github.com/NeckerFree)
- Twitter: [@ElioCortesM](https://twitter.com/ElioCortesM)
- LinkedIn: [elionelsoncortes](https://www.linkedin.com/in/elionelsoncortes/)
## 🤝 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
- Hat tip to anyone whose code was used
- Inspiration
- etc
## 📝 License
This project is [MIT](./LICENSE) licensed.