Netlify 404 Page Not Found error solved

While in the course of working on building an app using netlify, I encountered below error message:
Page Not Found.

issue
: This was due to not referencing the exact build folder in netlify.

solution
: after running ng build, the app generated a dist folder and in that dist folder, you will find the name of your app.

So, on netlify (https://app.netlify.com/sites/app-name-goes-here/settings/deploys)

Click on edit settings and add the app name to the dist folder just like the above attachement and your build should work just
fine.

step-by-step-video: