react-mern-crud-example icon indicating copy to clipboard operation
react-mern-crud-example copied to clipboard

React + Redux + Redux-thunk + MongoDB + Express CRUD Example Project

MERN CRUD Example

Stack

  • React.js
  • Redux
    • Redux-thunk
  • Node.js
    • Express
  • MongoDB
    • Mongoose

Feature

  • Create Post
  • See Detail Post
  • Remove Post
  • Edit Post
  • Pagination
  • Login & Register with JWT
  • Backend: Node.js(Express) + MongoDB
  • Design with Reactstrap(bootstrap v4)

TODO

  • [x] Login & Register with JWT
    • [ ] Social Login (Google)
  • [ ] Remove Post feature on Post List page
  • [ ] Category
  • [ ] Search Posts
  • [x] Pagination

How to do it ?

yarn (and backend folder)

yarn server

yarn start