Skip to content

Latest commit

 

History

History
42 lines (29 loc) · 1.28 KB

CLAUDE.md

File metadata and controls

42 lines (29 loc) · 1.28 KB

CLAUDE.md - e-Referral Admin Frontend

Project Overview

This is a static mock web application for the e-Referral Admin console. It's a frontend-only implementation using HTML, Tailwind CSS, and vanilla JavaScript.

Key Files

  • src/index.html - Dashboard with navigation cards
  • src/documents.html - Document search with filters and results table
  • src/document-details.html - Individual document view with processing log
  • src/logs.html - Global system logs viewer
  • src/add-facility.html - Facility registration form
  • src/settings.html - System configuration

Tech Decisions

  1. Tailwind CSS via CDN - No build step, easy to deploy
  2. Vanilla JS - No framework, simple interactions
  3. Static hosting - GCP Storage bucket

Design Guidelines

  • Primary color: #3B82F6 (blue-500)
  • Border radius: rounded-xl for cards, rounded-lg for inputs
  • Shadows: shadow-sm with border border-gray-200
  • All pages share the same header component

Deployment

Bucket: sepailab-sc-frontend

gsutil -m rsync -r -d src gs://sepailab-sc-frontend

When Modifying

  1. Keep consistent header across all pages
  2. Use Tailwind classes (don't add custom CSS unless necessary)
  3. Test responsive layout (use browser dev tools)
  4. Sample data should look realistic