Overview

The directory: src/pages shoulds the entire layout of the application with routing mechanism

Routing Architecture

The application uses Routify for file-system based routing. The structure follows Routify's conventions where:

• Files prefixed with _ are special routing files
• Directories represent nested routes
• index.svelte files serve as the default route for their directory

Special Routes

1. Root Layout (_layout.svelte)

// Base layout for all pages
// Handles common elements across the entire application

2. Fallback (_fallback.svelte)

// 404 error handling
// Catches all unmatched routes

3. System Status Page

• notReady.svelte: Displayed when system is initializing

• unknown.svelte: Generic error page

Private Routes (/private)

Authentication

• All routes under /private require authentication
• Protected by the private layout wrapper (private/_layout.svelte)
• Handles session management and user verification

Page Components Structure

Common Layout Pattern

<script lang="ts">
  // Component imports
  // State management
  // Page-specific logic
</script>

<div class="page-container">
  <!-- Page content -->
</div>

<style>
  /* Page-specific styles */
</style>