https://github.com/ma-ahmad/react_rails_blog

A simple react+rails(RR) CRUD app with tailwindcss.
https://github.com/ma-ahmad/react_rails_blog

rails react-hooks react-router reactjs tailwindcss

Last synced: about 2 months ago
JSON representation

A simple react+rails(RR) CRUD app with tailwindcss.

• Host: GitHub
• URL: https://github.com/ma-ahmad/react_rails_blog
• Owner: MA-Ahmad
• Created: 2020-08-11T10:42:55.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-08-13T20:52:34.000Z (almost 5 years ago)
• Last Synced: 2025-03-27T11:43:44.525Z (2 months ago)
• Topics: rails, react-hooks, react-router, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://react-on-rails-blog.herokuapp.com/
• Size: 1.41 MB
• Stars: 10
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
ReactRails Blog App




[![Linkedin](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/muhammad-ahmad20/)

[![Gmail](https://img.shields.io/badge/-Gmail-c14438?style=flat&logo=Gmail&logoColor=white)](mailto:[email protected])



This app shows you how to create a CRUD app with ROR on back-end and React on front-end with Tailwindcss.


![Home Page](app/assets/images/home_page.png)

## This project will help you:

- To configure and create a CRUD Rails application with React.

- To configure and use Tailwind in React-Rails(RR) app.

- To show custom alert messages by using Tailwind.

## What this App does?

- By this app, you will be able to:

  - Create a new Blog.

  - Edit a Blog.

  - Delete a Blog.

  - Get a speicific Blog.

  - Get list of all Blogs.

## Built with

- Ruby on Rails

- Reactjs (react hooks, react router)

- React-icons

- Tailwind used for styling

## Setup

- Clone the repository

- Use `cd `

- Run `bundle install`

- Run `npm install`

- Run `rails db:create`

- Run `rails db:migrate`

- Run `rails db:seed`

- Run `rails s`

Now check it on browser `localhost:3000`

## Author

Muhammad Ahmad

- Github: [@Ahmad](https://github.com/MA-Ahmad)

- LinkedIn: [Muhammad Ahmad](https://www.linkedin.com/in/muhammad-ahmad20/)

## 🤝 Contributing

Contributions, issues and feature requests are welcome! Start by:

- Forking the project

- Cloning the project to your local machine

- `cd` into the project directory

- Run `git checkout -b your-branch-name`

- Make your contributions

- Push your branch up to your forked repository

- Open a Pull Request with a detailed description to the development branch of the original project for a review

## Show your support

Give a ⭐️ if you like this project!