Not Found Page After deploying successfully

I was trying to build my react app using netlify. I uploaded successfully using Github and I saw published but the link is redirecting me to not found page.

site address

Github repo link

Deploy log below 

11:01:02 AM: Build ready to start

11:07:56 AM: build-image version: be42e453d6c8f171cc2f654acc29c0a8b60e6d93
11:07:56 AM: build-image tag: v3.7.1
11:07:56 AM: buildbot version: d27947bc03aca4728afa0eb80795ace23b863de1
11:07:56 AM: Fetching cached dependencies
11:07:56 AM: Failed to fetch cache, continuing with build
11:07:56 AM: Starting to prepare the repo for build
11:07:57 AM: No cached dependencies found. Cloning fresh repo
11:07:57 AM: git clone GitHub - femakin/GOOGLE_BOOK_PROJECT
11:07:58 AM: Preparing Git Reference refs/heads/main
11:08:00 AM: No build steps found, continuing to publishing
11:08:00 AM: Starting to deploy site from ‘/’
11:08:00 AM: Creating deploy tree
11:08:00 AM: Creating deploy upload records
11:08:00 AM: 1 new files to upload
11:08:00 AM: 0 new functions to upload
11:08:00 AM: Starting post processing
11:08:00 AM: Post processing - HTML
11:08:00 AM: Post processing - header rules
11:08:00 AM: Post processing - redirect rules
11:08:00 AM: Post processing done
11:08:00 AM: Finished processing build request in 4.371371006s
11:08:00 AM: Site is live :sparkles:

Add a build command, npm run build. Also add a _redirects file in your public folder with the text, /* /index.html 200.

@femitosin Does this help?

Hi, @femitosin. I’m with the support team at Netlify so I can actually look at the contents of deploy.

The deploy is missing an index.html in the base of the publish directory. That file exists only in /public/ so the URL below does return a 200 status:

https://ecstatic-bassi-d28b27.netlify.app/public/

However, that page isn’t working and references some other invalid URLs. For example, the href below isn’t working:

<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />

Please how do I go about this @luke