search

COVIDImpact / CovidImpact

COVID-19 is impacting countless small businesses across Canada, we all face uncertainty. Several colleagues and I asked what we could do to help? After a weekend of non-stop coding we’ve put together #CovidImpact, a FREE Small Business Care Package which features: A curated list of programs to help them through the crisis. Real-time news relevant to Canadian ventures Simulation tool to see how their business may be affected across various scenarios depending on how long COVID-19 drags out for. Together, Canadian businesses will get through this by supporting each other! CovidImpact is built in Vue with Javascript, HTML and CSS files. The project utilizes various Bootstrap-Vue components and newsapi.org to get the latest business news. The app is hosted on S3 and uses serverless functions for a mailchimp newsletter.
http://covidimpact.ca/
Apache License 2.0
3 stars 0 forks source link

Make proper 404 page #24

Open NoirKomBatman opened 4 years ago

NoirKomBatman commented 4 years ago

Overview: A proper 404 page helps in navigation and enhances the User Experience of the application.

Use-case:

  1. S3 returns AccessDenind for non-existing objects. This also covers URLs that do not exist in the router.
  2. S3 returns AccessDenied for incorrect permissions. This covers the deployment mistakes

What needs to be done:

  1. Learn more about creating custom error docs in S3 https://docs.aws.amazon.com/AmazonS3/latest/dev/CustomErrorDocSupport.html
  2. Create a proper 404 page for non-existing objects and incorrect permissions.

Criteria of success:

  1. 404 page properly displayed for non-existing objects and incorrect permissions.

Documentation: Can add a cute page like the following examples: https://optinmonster.com/best-404-page-examples/ or one that indicates the page is unavailable due to COVID-19 ;)

Example of issue:

  1. Go to Aid Items page
  2. Click on one of the aid items
  3. Go back to previous page in browser and recieve: image

Stakeholder: @NoirKomBatman