blog-app-react-frontend

blog-app-react-frontend copied to clipboard

React Blog App

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

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

• Github: @Ahmad

• LinkedIn: 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!