Prepare for Vercel deployment

Author: fuzziecoder

USER_CREDENTIALS.md

@@ -0,0 +1,50 @@
+# User Login Credentials
+
+## Admin Account
+- **Email:** brocode@gmail.com
+- **Username:** brocode
+- **Password:** admin@brocode
+- **Role:** Admin
+
+## Regular Users
+
+### Dhanush
+- **Phone/Username:** dhanush / 9994323520
+- **Password:** dhanush123
+
+### Godwin
+- **Phone/Username:** godwin / 8903955341
+- **Password:** godwin123
+
+### Tharun
+- **Phone/Username:** tharun / 9345624112
+- **Password:** tharun123
+
+### Sanjay
+- **Phone/Username:** sanjay / 9865703667
+- **Password:** sanjay123
+
+### Soundar
+- **Phone/Username:** soundar / 9566686921
+- **Password:** soundar123
+
+### Jagadeesh
+- **Phone/Username:** jagadeesh / 6381038172
+- **Password:** jagadeesh123
+
+### Ram
+- **Phone/Username:** ram / 7826821130
+- **Password:** ram123
+
+### Lingesh
+- **Phone/Username:** lingesh
+- **Password:** lingesh123
+
+## Login Methods
+
+You can login using:
+- Email address
+- Phone number
+- Username
+
+All users can use any of these identifiers along with their password to login.

index.html

@@ -34,7 +34,7 @@
         background-color: #6a6a6a;
       }
     </style>
-  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAdSl7TDOGaI5burDEglm8UdTsHZmhmfF4&libraries=marker,places" defer></script>
+  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC3CGsazjI6MuH2wCBO5m5AADSbahrg8yI&libraries=marker,places" defer></script>
   <script type="importmap">
 {
   "imports": {

pages/HomePage.tsx

@@ -236,7 +236,9 @@ const HomePage: React.FC = () => {
         latitude: 37.7749,
         longitude: -122.4194,
       });
-      fetchData();
+      
+      // Refresh data to show the new spot
+      await fetchData();
     } catch (error: any) {
       console.error("Failed to create spot:", error);
       if (error.message?.includes('does not exist') || error.message?.includes('relation')) {
@@ -257,10 +259,11 @@ const HomePage: React.FC = () => {
   ) => {
     try {
       await invitationService.updateInvitationStatus(invitationId, status);
-      // Real-time subscription will update the UI automatically
-    } catch (error) {
+      // Refresh data to show updated status immediately
+      await fetchData();
+    } catch (error: any) {
       console.error("Failed to update RSVP:", error);
-      alert("Failed to update RSVP. Please try again.");
+      alert(`Failed to update RSVP: ${error.message || 'Please try again.'}`);
     }
   };
 
@@ -331,6 +334,33 @@ const HomePage: React.FC = () => {
             <Card className="p-20 text-center">No Active Spot</Card>
           ) : (
             <>
+              {/* SPOT DETAILS */}
+              <Card>
+                <div className="space-y-4">
+                  <div>
+                    <h2 className="text-2xl font-bold text-indigo-400 mb-2">{spot.location}</h2>
+                    <p className="text-zinc-400">
+                      {new Date(spot.date).toLocaleDateString('en-US', { 
+                        weekday: 'long', 
+                        year: 'numeric', 
+                        month: 'long', 
+                        day: 'numeric' 
+                      })} at {spot.timing}
+                    </p>
+                  </div>
+                  {spot.description && (
+                    <div>
+                      <h3 className="text-sm font-bold text-zinc-500 uppercase mb-2">Description</h3>
+                      <p className="text-zinc-300">{spot.description}</p>
+                    </div>
+                  )}
+                  <div className="flex items-center gap-4 text-sm">
+                    <span className="text-zinc-400">Budget:</span>
+                    <span className="font-bold text-white">${spot.budget} / person</span>
+                  </div>
+                </div>
+              </Card>
+
               <Card className="h-[350px] p-0 overflow-hidden">
                 <div ref={mapRef} className="w-full h-full" />
               </Card>

services/database.ts

@@ -8,15 +8,16 @@ import { Spot, Invitation, Payment, InvitationStatus, PaymentStatus, UserProfile
 export const spotService = {
   // Get upcoming spot (date >= today)
   async getUpcomingSpot(): Promise<Spot | null> {
-    const today = new Date().toISOString().split('T')[0];
+    const now = new Date();
+    const today = now.toISOString().split('T')[0];
 
     const { data, error } = await supabase
       .from('spots')
       .select('*')
       .gte('date', today)
       .order('date', { ascending: true })
       .limit(1)
-      .single();
+      .maybeSingle();
 
     if (error) {
       if (error.code === 'PGRST116') {
@@ -245,12 +246,15 @@ export const invitationService = {
   ): Promise<void> {
     const { error } = await supabase
       .from('invitations')
-      .update({ status })
+      .update({ 
+        status,
+        updated_at: new Date().toISOString()
+      })
       .eq('id', invitationId);
 
     if (error) {
       console.error('Error updating invitation status:', error);
-      throw error;
+      throw new Error(`Failed to update RSVP: ${error.message}`);
     }
   },
 

services/mockApi.ts

@@ -38,10 +38,10 @@ let USERS_DB: Record<string, UserProfile> = {
   admin: {
     id: "admin",
     name: "Ram",
-    username: "ramvj2005",
-    email: "ramvj2005@gmail.com",
+    username: "brocode",
+    email: "brocode@gmail.com",
     phone: "7826821130",
-    password: "ramkumar",
+    password: "admin@brocode",
     role: UserRole.ADMIN,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[0],
@@ -52,6 +52,7 @@ let USERS_DB: Record<string, UserProfile> = {
     name: "Dhanush",
     username: "dhanush",
     phone: "9994323520",
+    password: "dhanush123",
     role: UserRole.USER,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[1],
@@ -62,6 +63,7 @@ let USERS_DB: Record<string, UserProfile> = {
     name: "Godwin",
     username: "godwin",
     phone: "8903955341",
+    password: "godwin123",
     role: UserRole.USER,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[2],
@@ -72,6 +74,7 @@ let USERS_DB: Record<string, UserProfile> = {
     name: "Tharun",
     username: "tharun",
     phone: "9345624112",
+    password: "tharun123",
     role: UserRole.USER,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[3],
@@ -82,6 +85,7 @@ let USERS_DB: Record<string, UserProfile> = {
     name: "Sanjay",
     username: "sanjay",
     phone: "9865703667",
+    password: "sanjay123",
     role: UserRole.USER,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[0],
@@ -92,6 +96,7 @@ let USERS_DB: Record<string, UserProfile> = {
     name: "Soundar",
     username: "soundar",
     phone: "9566686921",
+    password: "soundar123",
     role: UserRole.USER,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[1],
@@ -102,6 +107,7 @@ let USERS_DB: Record<string, UserProfile> = {
     name: "Jagadeesh",
     username: "jagadeesh",
     phone: "6381038172",
+    password: "jagadeesh123",
     role: UserRole.USER,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[2],
@@ -112,6 +118,7 @@ let USERS_DB: Record<string, UserProfile> = {
     name: "Ram",
     username: "ram",
     phone: "7826821130",
+    password: "ram123",
     role: UserRole.USER,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[3],
@@ -122,6 +129,7 @@ let USERS_DB: Record<string, UserProfile> = {
     name: "Lingesh",
     username: "lingesh",
     phone: "",
+    password: "lingesh123",
     role: UserRole.USER,
     location: "Attibele",
     profile_pic_url: DEFAULT_AVATARS[0],

supabase_migration_clean.sql

@@ -206,10 +206,10 @@ INSERT INTO profiles (id, name, username, email, phone, password, role, location
 VALUES (
   '00000000-0000-0000-0000-000000000001',
   'Ram',
-  'ramvj2005',
-  'ramvj2005@gmail.com',
+  'brocode',
+  'brocode@gmail.com',
   '7826821130',
-  'ramkumar',
+  'admin@brocode',
   'admin',
   'Attibele',
   true
@@ -225,16 +225,16 @@ ON CONFLICT (id) DO UPDATE SET
   is_verified = EXCLUDED.is_verified;
 
 -- Insert other users
-INSERT INTO profiles (id, name, username, phone, role, location, is_verified)
+INSERT INTO profiles (id, name, username, phone, password, role, location, is_verified)
 VALUES 
-  ('00000000-0000-0000-0000-000000000002', 'Dhanush', 'dhanush', '9994323520', 'user', 'Attibele', true),
-  ('00000000-0000-0000-0000-000000000003', 'Godwin', 'godwin', '8903955341', 'user', 'Attibele', true),
-  ('00000000-0000-0000-0000-000000000004', 'Tharun', 'tharun', '9345624112', 'user', 'Attibele', true),
-  ('00000000-0000-0000-0000-000000000005', 'Sanjay', 'sanjay', '9865703667', 'user', 'Attibele', true),
-  ('00000000-0000-0000-0000-000000000006', 'Soundar', 'soundar', '9566686921', 'user', 'Attibele', true),
-  ('00000000-0000-0000-0000-000000000007', 'Jagadeesh', 'jagadeesh', '6381038172', 'user', 'Attibele', true),
-  ('00000000-0000-0000-0000-000000000008', 'Ram', 'ram', '7826821130', 'user', 'Attibele', true),
-  ('00000000-0000-0000-0000-000000000009', 'Lingesh', 'lingesh', '', 'user', 'Attibele', true)
+  ('00000000-0000-0000-0000-000000000002', 'Dhanush', 'dhanush', '9994323520', 'dhanush123', 'user', 'Attibele', true),
+  ('00000000-0000-0000-0000-000000000003', 'Godwin', 'godwin', '8903955341', 'godwin123', 'user', 'Attibele', true),
+  ('00000000-0000-0000-0000-000000000004', 'Tharun', 'tharun', '9345624112', 'tharun123', 'user', 'Attibele', true),
+  ('00000000-0000-0000-0000-000000000005', 'Sanjay', 'sanjay', '9865703667', 'sanjay123', 'user', 'Attibele', true),
+  ('00000000-0000-0000-0000-000000000006', 'Soundar', 'soundar', '9566686921', 'soundar123', 'user', 'Attibele', true),
+  ('00000000-0000-0000-0000-000000000007', 'Jagadeesh', 'jagadeesh', '6381038172', 'jagadeesh123', 'user', 'Attibele', true),
+  ('00000000-0000-0000-0000-000000000008', 'Ram', 'ram', '7826821130', 'ram123', 'user', 'Attibele', true),
+  ('00000000-0000-0000-0000-000000000009', 'Lingesh', 'lingesh', '', 'lingesh123', 'user', 'Attibele', true)
 ON CONFLICT (id) DO UPDATE SET
   name = EXCLUDED.name,
   username = EXCLUDED.username,