REACT, REDUX & JSONPLACEHOLDER FAKE API

Tool Stack

  1. React
  2. Redux
  3. JsonPlaceholder Fake API

Project Setup

Open your terminal and run the following commands to get your copy of the projct running on your local or remote environment

git clone https://github.com/igmrrf/react-redux-jsonplaceholder

Gets a copy of the codebase to your development environment

yarn install

Installs Dependencies and Dev-dependencies required to run the project successfully

After which you can run either of the available scripts that fit your purpose

Dependencies

"dependencies": {
    "@material-ui/core": "^4.11.0",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.56",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "axios": "^0.20.0",
    "notistack": "^1.0.0",
    "nprogress": "^0.2.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-redux": "^7.2.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.3",
    "react-spring": "^8.0.27",
    "redux": "^4.0.5",
    "redux-persist": "^6.0.0",
    "redux-saga": "^1.1.3",
    "redux-thunk": "^2.3.0",
    "reselect": "^4.0.0"
},

Dev Dependencies

"devDependencies": {
    "enzyme": "^3.11.0",
    "enzyme-adapter-react-16": "^1.15.5"
}

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
Edit the files as you see fit, if you end up with something you cannot resolve and wish to go back to the original code. Run git restore.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready for production & to be deployed!

You can copy the build folder content to your server to host your copy of the project \

"redux-persist": "^6.0.0",
"redux-saga": "^1.1.3"