/blog-app-react-frontend

React frontend of a blog app with rails on backend.

Primary LanguageJavaScript

React Blog App

Linkedin Gmail

This app shows you how to create a CRUD app with ChakraUI, react on front-end and ROR on back-end

Home Page

What this App does?

  • By this app, you will be able to:

    • Create a new Blog.
    • Edit a Blog.
    • Delete a Blog.
    • Get list of all Blogs.

Built with

  • Reactjs (react hooks, react router)
  • ChakraUI used for styling
  • Formik used for validations
  • react-transition-group for animation

Setup

  • Back-end Part

    • Clone the rails backend repository
    • Use cd <repository-path>
    • Run bundle install
    • Run rails db:create
    • Run rails db:migrate
    • Run rails db:seed
    • Run rails s -p 3001

  • Front-end Part

    • Clone this repository
    • Use cd <repository-path>
    • Run npm install
    • Run npm start Now check it on browser localhost:300

Author

Muhammad Ahmad

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