Client Side package.json

package.json

{
  "name": "mern-stack-client",
  "version": "0.1.0",
  "private": true,
  "proxy": "https://memories-project-part4.herokuapp.com/",
  "dependencies": {
    "@material-ui/core": "^4.9.10",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.58",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "axios": "^0.19.2",
    "jwt-decode": "^3.1.2",
    "material-ui-chip-input": "^1.1.0",
    "moment": "^2.27.0",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-file-base64": "^1.0.3",
    "react-google-login": "^5.1.25",
    "react-redux": "^7.1.3",
    "react-router-dom": "^5.2.0",
    "react-scripts": "3.4.1",
    "redux": "^4.0.5",
    "redux-thunk": "^2.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@redux-devtools/core": "^3.9.0",
    "@redux-devtools/dock-monitor": "^1.4.0",
    "@redux-devtools/log-monitor": "^2.3.0",
    "eslint-config-airbnb": "^18.2.1",
    "eslint-plugin-import": "^2.22.1",
    "eslint-plugin-jsx-a11y": "^6.4.1",
    "eslint-plugin-react": "^7.21.5",
    "eslint-plugin-react-hooks": "^4.2.0"
  }
}

@material-ui/core
@material-ui/icons
@material-ui/lab

axios jwt-decode material-ui-chip-input moment react-file-base64 react-google-login react-redux redux redux-thunk react-router-dom

@material-ui/core @material-ui/icons @material-ui/lab

axios jwt-decode material-ui-chip-input moment react-file-base64 react-google-login react-redux redux redux-thunk react-router-dom

thanks man

For dev dependencies
npm i @redux-devtools/core @redux-devtools/dock-monitor @redux-devtools/log-monitor eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks --save-dev

fsf

can u please help me with this

after i copy and run npm install this error happen both when i did it by myself and after i cloned the repository of yours pleas
e

this should help with the complete installation of deps

$ npm i axios jwt-decode material-ui-chip-input moment react-file-base64 react-google-login react-redux redux redux-thunk react-router-dom --legacy-peer-deps

Should we change the name of the package.json to our own name?

npm i @redux-devtools/core @redux-devtools/dock-monitor @redux-devtools/log-monitor eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks --save-dev

thanks bro

"start": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts start",
"build": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts build",

This worked for me.
Just replace your start and build scripts with the above one.

Yarn install works perfectly with no errors you should try that (It will install all the cloned dependencies even without using npm install --legacy-peer-deps.

to manually add your "devDependencies" you can run yarn add -D @redux-devtools/core @redux-devtools/dock-monitor @redux-devtools/log-monitor eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks

I copied this package.json file and use it to replace the package.json in my server. When ran my first nodemon, i discovered this package.json is actually for the client side

npm i @material-ui/core @material-ui/icons @material-ui/lab axios jwt-decode material-ui-chip-input moment react-file-base64 react-google-login react-redux react-router-dom redux redux-thunk --legacy-peer-deps

If any error occurs while downloading dependency just add "--legacy-peer-deps" to your command at the end and it will run

Thanks man

"start": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts start", "build": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts build",

This worked for me. Just replace your start and build scripts with the above one.

Not sure if it's becasue I have windows, but I had to make the following modification on my package.json file for the client side:

"start": "set NODE_OPTIONS=--openssl-legacy-provider&& react-scripts start",
"build": "set NODE_OPTIONS=--openssl-legacy-provider && react-scripts build",

A bit different from what you posted but definitely fixed my issue with the "npm start"

"start": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts start", "build": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts build",

This worked for me. Just replace your start and build scripts with the above one.

Yes it is Working

[eslint] Failed to load config "react-app" to extend from.
Referenced from: C:\Memories Project\client\package.json
my code give this error can anyone help me

Yes, these changes have helped to run start the react app ,without producing any errors.

when i try in install packages, I getting this error