How kokoy123-web/sad-servicerequest-quimson works
SAD is a browser-based service-request manager. A user signs in through the login flow, then works with requests in the dashboard: the app loads records, supports search and filtering, validates create/update input, confirms deletion, and displays summary and category/priority analytics. Supabase provides authentication and PostgreSQL storage, with SQL-defined RLS policies protecting access. The JavaScript excerpt shows these interactions; some README-listed capabilities, including responsive presentation and logout/session handling, are documented but not fully sampled.
Main entry points: supabase.js Supabase client · app.js Dashboard controller · index.html Dashboard page · login.html Login page
Components 14
Access
- Login page
login.html - Login and session
js/auth.js
Request management
- Dashboard controller
js/app.js - Request list and filters
js/app.js - Validated request CRUD
js/app.js - Request analytics
js/app.js
Supabase backend
- Supabase client
js/supabase.js - Supabase Auth
- Service requests
sql/schema.sql - RLS policies
sql/schema.sql - Supabase PostgreSQL
Presentation
- Dashboard page
index.html - Responsive styling
css/style.css
Other components
- Service user
Connections 17
- Service user → Login page: opens
- Login page → Login and session: submits credentials
- Login and session → Supabase client: calls auth
- Supabase client → Supabase Auth: auth requests
- Supabase Auth → Supabase client: returns session
- Service user → Dashboard page: uses
- Dashboard page → Dashboard controller: loads script
- Dashboard controller → Supabase client: checks session
- Dashboard controller → Request list and filters: loads and filters
- Dashboard controller → Validated request CRUD: handles request actions
- Dashboard controller → Request analytics: renders summaries
- Request list and filters → Supabase client: selects records
- Validated request CRUD → Supabase client: writes records
- Supabase client → Supabase PostgreSQL: database requests
- Supabase PostgreSQL → Service requests: stores records
- Service requests → RLS policies: access governed by
- Dashboard page → Responsive styling: styled by