React: deploy app on gh-pages > opens github page “This project was bootstrapped with Create React App…”

I followed all the steps of deployment:

  • installed gh-pages
  • added homepage
  • scripts
  • ran npm deploy
  • have node.js installed

PACKAGE.JSON:


{
“homepage”: “http://FilipZafran.github.io/Best-TO-DO-App-in-the-history-of-the-universe”,
“name”: “redux-todo-step_by_step”,
“version”: “0.1.0”,
“private”: true,
“dependencies”: {
@testing-library/jest-dom”: “^4.2.4”,
@testing-library/react”: “^9.5.0”,
@testing-library/user-event”: “^7.2.1”,
“bootstrap”: “^4.5.2”,
“framer-motion”: “^2.6.6”,
“jquery”: “^3.5.1”,
“prop-types”: “^15.7.2”,
“react”: “^16.13.1”,
“react-datepicker”: “^3.1.3”,
“react-dom”: “^16.13.1”,
“react-redux”: “^7.2.1”,
“react-router-dom”: “^5.2.0”,
“react-scripts”: “^3.4.3”,
“redux”: “^4.0.5”,
“uifx”: “^2.0.7”
},
“scripts”: {
“predeploy”: “npm run build”,
“deploy”: “gh-pages -d build”,
“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”: {
“gh-pages”: “^3.1.0”
}
}

On Github Pages it says: Your site is published at https://filipzafran.github.io/Best-TO-DO-App-in-the-history-of-the-universe/

However if I try and open it, it opens this weird website saying:

This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser…

Repo link