react-crud-redux

Objective

Build a Redux Crud App using ReactJS.

Description

• Project aims to create a React Crud Application.
• In this project, I designed a React Crud App with the help of Material-UI, JSON Server and Redux-thunk middleware.
• I did perform all crud operation like Get, Put, Post and Delete request with the help of JSON server and Redux-thunk middleware.

Project Link

I did not deploy the project due to local JSON server

Project Skeleton

react-crud-app (folder)
|----readme.md
SOLUTION
├── public
│     └── index.html
├── src
│    ├── pages 
│    │       │── AddUser.jsx
│    │       │── EditUser.jsx
│    │       └── Home.jsx
│    ├── redux
│    │       ├── action.js
│    │       ├── actionType.js
│    │       ├── reducer.js
│    │       ├── root-reducer.js 
│    │       └── store.js  
│    ├── App.js
│    ├── App.css
│    ├── İndex.css
│    └── index.js
├── package.json
├── .env
├── db.json
└── yarn.lock

At the end of the project, following topics are to be covered;

• HTML
• CSS
• JS
• ReactJS
• Redux
• Redux-Thunk
• Material-UI

To run this project;

• Create a .env file and set your

  • REACT_APP_API to local JSON Server URL.

• After that you can run the project as usual =>

$ git clone https://github.com/esadakman/reactjs-redux-crud.git
$ cd ./react-crud-redux 
$ npm install / yarn
$ npm start / yarn start

Preview of the Project