diff --git a/sigap-mobile/.env.example b/sigap-mobile/.env.example
new file mode 100644
index 0000000..749218e
--- /dev/null
+++ b/sigap-mobile/.env.example
@@ -0,0 +1,54 @@
+# Update these with your Supabase details from your project settings > API
+# https://app.supabase.com/project/_/settings/api
+
+# # Supabase Production URL
+SUPABASE_URL=https://your-project-ref.supabase.co
+SUPABASE_ANON_KEY=your_supabase_anon_key_here
+            
+SERVICE_ROLE_SECRET=your_service_role_secret_here
+
+SUPABASE_STORAGE_URL="https://your-storage-project-ref.supabase.co/storage/v1/object/public"
+
+# Connect to Supabase via connection pooling
+DATABASE_URL="postgresql://postgres.your-project-ref:your-password@aws-0-ap-southeast-1.pooler.supabase.com:6543/postgres?pgbouncer=true"
+
+# Direct connection to the database. Used for migrations
+DIRECT_URL="postgresql://postgres.your-project-ref:your-password@aws-0-ap-southeast-1.pooler.supabase.com:5432/postgres"
+
+# Supabase Local URL (uncomment for local development)
+# SUPABASE_URL=http://192.168.1.8:54321
+# SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6ImFub24iLCJleHAiOjE5ODM4MTI5OTZ9.CRXP1A7WOeoJeXxjNni43kdQwgnWNReilDMblYTn_I0
+
+# SERVICE_ROLE_SECRET=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZS1kZW1vIiwicm9sZSI6InNlcnZpY2Vfcm9sZSIsImV4cCI6MTk4MzgxMjk5Nn0.EGIM96RAZx35lJzdJsyH-qQwv8Hdp7fsn3W0YpN81IU
+
+# DATABASE_URL="postgresql://postgres:postgres@127.0.0.1:54322/postgres"
+# DIRECT_URL="postgresql://postgres:postgres@127.0.0.1:54322/postgres"
+
+# Resend API Key for email services
+# RESEND_API_KEY_TEST="your_test_resend_api_key"
+RESEND_API_KEY="your_resend_api_key"
+SEND_EMAIL_HOOK_SECRET="your_send_email_hook_secret"
+
+# db connection string
+# Connect to Supabase via connection pooling with Supavisor.
+
+# Direct connection to the database. Used for migrations.
+# DIRECT_URL="postgresql://prisma.your-project-ref:prisma@aws-0-ap-southeast-1.pooler.supabase.com:5432/postgres"
+
+DENO_ENV=development
+
+# Mapbox configuration
+MAPBOX_ACCESS_TOKEN=your_mapbox_access_token
+MAPBOX_TILESET_ID=your_mapbox_tileset_id
+NODE_ENV=development
+
+# Azure AI API
+AZURE_RESOURCE_NAME="your_azure_resource_name"
+AZURE_FACE_RESOURCE_NAME="your_azure_face_resource_name"
+AZURE_SUBSCRIPTION_KEY="your_azure_subscription_key"
+AZURE_FACE_SUBSCRIPTION_KEY="your_azure_face_subscription_key"
+
+# AWS Rekognition
+AWS_RK_REGION=ap-southeast-1
+AWS_RK_ACCESS_KEY=your_aws_access_key
+AWS_RK_SECRET_KEY=your_aws_secret_key
diff --git a/sigap-mobile/README.md b/sigap-mobile/README.md
index 0bf14ab..4d8f616 100644
--- a/sigap-mobile/README.md
+++ b/sigap-mobile/README.md
@@ -55,10 +55,15 @@ flutter run
 
 ```
 lib/
-├── app.dart
-├── main.dart
-├── navigation_menu.dart
-├── splash_screen.dart
-├── src/             # Main application source code
-└── supadart/        # Supabase related code
+├── app.dart                  # Main application widget
+├── main.dart                 # Entry point of the application
+├── navigation_menu.dart      # Bottom navigation bar implementation
+├── splash_screen.dart        # Splash screen for the app
+├── src/                      # Contains core application logic, features, and common widgets
+│   ├── features/             # Individual features/modules of the app (e.g., authentication, home, profile)
+│   ├── common/               # Common widgets, constants, and utilities
+│   └── utils/                # Helper functions and extensions
+└── supadart/                 # Supabase related services and models
+    ├── database/             # Database interactions and services
+    └── models/               # Data models for Supabase tables
 ```
\ No newline at end of file
diff --git a/sigap-website/README.md b/sigap-website/README.md
index 86182a2..2df93ad 100644
--- a/sigap-website/README.md
+++ b/sigap-website/README.md
@@ -64,11 +64,19 @@ npm run dev
 
 ```
 src/
-├── app/             # Next.js App Router pages
-├── components/      # Reusable React components
-├── lib/             # Utility functions and configurations
-├── styles/          # Tailwind CSS styles
-└── types/           # TypeScript type definitions
-prisma/              # Prisma schema and migrations
-public/              # Static assets
+├── app/                     # Next.js App Router pages and layouts
+├── components/              # Reusable React components
+├── config/                  # Configuration files
+├── constants/               # Application-wide constants
+├── features/                # Feature-specific modules
+├── hooks/                   # Custom React hooks
+├── lib/                     # Utility functions and libraries
+├── supabase/                # Supabase client and related configurations
+├── types/                   # TypeScript type definitions
+├── utils/                   # General utility functions
+├── instrumentation-client.ts  # Client-side instrumentation
+├── instrumentation.ts       # Server-side instrumentation
+└── middleware.ts            # Next.js middleware
+prisma/                      # Prisma schema and migrations
+public/                      # Static assets (images, fonts, etc.)
 ```
\ No newline at end of file