Deployed app returns page not found

Hi, I’ve deployed my app on netlify but it keeps returning page not found.

Here’s the link: https://lustrous-taiyaki-6337aa.netlify.app/.

I keep getting this message:

"Page Not Found

Looks like you’ve followed a broken link or entered a URL that doesn’t exist on this site.

Back to our site


If this is your site, and you weren’t expecting a 404 for this path, please visit Netlify’s “page not found” support guide for troubleshooting tips."

Please help.

@ManohisoaVicky Did you visit the support guide that it links to?

Yes, I did. I tried debugging it according to what the guide said, but nothing worked.

@ManohisoaVicky If you need someone else to debug it you’ll have to provide more detail.

For example access to the repository, what your Build Settings are, or a full build log (which shows your Build Settings).

The repo can be found at: GitHub - ManohisoaVicky/project5-tracker-man… and my build settings are as shown in the image

@ManohisoaVicky I can tell immediately from the files in your repository and your Build settings that you are running the build, but then deploying your source files.

As confirmed by visiting URLs like:
https://lustrous-taiyaki-6337aa.netlify.app/package.json
https://lustrous-taiyaki-6337aa.netlify.app/src/App.js

You should specify your Publish directory

Running your build locally shows

Since your project generates into build you need to set your Publish directory to build

Thank you very much for you help!