Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/besufekad-haz/hello-rails-react
The Rails-React App is a straightforward web application designed to showcase the seamless integration between a Ruby on Rails back-end and a React front-end.
https://github.com/besufekad-haz/hello-rails-react
Last synced: 16 days ago
JSON representation
The Rails-React App is a straightforward web application designed to showcase the seamless integration between a Ruby on Rails back-end and a React front-end.
- Host: GitHub
- URL: https://github.com/besufekad-haz/hello-rails-react
- Owner: Besufekad-HAZ
- License: mit
- Created: 2023-09-19T20:33:49.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-10-29T11:08:33.000Z (about 1 year ago)
- Last Synced: 2024-12-15T01:29:04.099Z (30 days ago)
- Language: Ruby
- Size: 19.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Table of Contents
- [👋 Rails-React-App](#-Rails-React-app)
- [🧰 Tech Stack ](#-tech-stack--)
- [✨ Key Features ](#-key-features--)
- [📘 Getting Started ](#-getting-started--)
- [📋 Prerequisites](#-prerequisites)
- [📂 Setup](#-setup)
- [📥 Installation](#-installation)
- [💾 Database](#-database)
- [📦 Build](#-build)
- [💻 Usage](#-usage)
- [👨🚀 Author ](#-author--)
- [🎯 Future Features ](#-future-features--)
- [🤝 Contribution ](#-contribution--)
- [💖 Show Your Support ](#-show-your-support--)
- [🙏 Acknowledgements](#-acknowledgements)
- [📜 License ](#-license-)
# 👋 Rails-React App
The Rails-React App is a straightforward web application designed to showcase the seamless integration between a Ruby on Rails back-end and a React front-end. It generates random greetings and serves as an educational resource for gaining insights into the connection between these two powerful technologies.
- Front end: React
- State management: Redux Toolkit
- Back end: Ruby on Rails
- Database: PostgreSQL
- Random Greetings: The app generates a random greeting each time it is loaded
- React and Redux: The front end is built using React, and API calls are made using Redux
- API: The back end is built using Ruby on Rails, creating an API endpoint to generate a random greeting message.
To run this project locally, you'll need to follow these steps.
### 📋 Prerequisites
Make sure you have the following installed on your machine:
- [Ruby 3.1.3 or higher](https://www.ruby-lang.org/en/)
- [Rails 7.0.4 or higher](https://rubyonrails.org/)
- [PostgreSQL 15.2 or higher](https://www.postgresql.org/)
### 📂 Setup
Clone this repository to your desired foler.
```sh
cd my-project
git clone [email protected]:Besufekad-HAZ/hello-rails-react.git
```
### 📥 Installation
Install the required gems with:
```sh
bundle install
```
Install node dependencies with:
```sh
npm install
```
### 💾 Database
Create the databases and run migrations with:
```sh
rails db:create
rails db:migrate
```
To load the sample data, run:
```sh
rails db:seed
```
### 📦 Build
Build the front-end assets with:
```sh
npm run build
```
You can also set it to *watch mode* which automatically build after every changes. To start the *watch mode*, use:
```sh
npm run watch
```
### 💻 Usage
After building the assets, run the development server with the following command:
```sh
rails server
```
I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.
- [ ] Add more endpoints
Contributions, issues, and feature requests are welcome!
If you like this project, please consider giving it a ⭐.
## 🙏 Acknowledgements
I would like to thank all code reviewers for making this project better.
This project is [MIT](./LICENSE) licensed.