less than 1 minute read

Introduction

Today, I worked on creating a landing page for my AI Risk Auditor

Development Notes

First, I installed the react router dom package so that I create an application that has many pages/components that can by directly fetched based on the URL.

On my App.tsx file, I imported necessary components and libraries inorder to add a router and routes to my different pages. For now, I assigned the landing page with the “/landing” root and the classification form page with the “/classification” root

Screenshot 2025-06-13 at 11 13 19 PM

At the moment, the landing page itself is very simple

  • Title: Welcome to the AI Risk Auditor
  • Subtitle: A tool to understand your AI system better
  • Button: Auditor (clicking on this button directs you to the classification form)

Screenshot 2025-06-13 at 11 15 52 PM

Moving forward, I will create the basic structure for the remaning pages:

  • Landing page ☑
  • Page for user to enter system name and purpose
  • Loading screen with rotating logo
  • Prohibited Assessment
  • High-risk Assessment
  • Transparency Assessment
  • Loading screen with rotating logo
  • Recommendations with option to export