Skip to content

QUICK_START.md

Latest commit

 

History

History
166 lines (119 loc) · 2.83 KB

QUICK_START.md

File metadata and controls

166 lines (119 loc) · 2.83 KB

⚡ QUICK REFERENCE CARD

🎯 1-Minute Setup (Without Database)

# Just open the file
open index.html
# Or double-click index.html

✅ Portfolio works immediately!
❌ No data storage or analytics

🚀 15-Minute Setup (With Full Backend)

Step 1: Supabase Account

  1. Go to https://supabase.com
  2. Sign up (free)
  3. Create new project
  4. Wait 2-3 minutes

Step 2: Database

  1. Supabase → SQL Editor
  2. Copy from supabase-setup.sql
  3. Paste → Run
  4. See success ✅

Step 3: API Keys

  1. Supabase → Settings → API
  2. Copy Project URL
  3. Copy anon/public key

Step 4: Config

Edit config.js:

url: 'YOUR_URL_HERE',
anonKey: 'YOUR_KEY_HERE'

Step 5: Test

open index.html
# Press F12 → Should see "✅ Supabase connected"

📊 View Analytics

Browser:

  • Supabase Dashboard → Table Editor

SQL Queries:

-- Recent chats
SELECT * FROM chat_messages ORDER BY timestamp DESC LIMIT 20;

-- Daily visitors
SELECT * FROM daily_visitors;

-- Stats
SELECT * FROM get_chat_statistics();

🎨 Quick Customizations

Your Info (script.js):

const knowledgeBase = {
    about: {
        name: "Your Name",
        role: "Your Role",
        // ...
    }
};

Colors (styles.css):

:root {
    --primary-color: #6366f1;
}

🗄️ Database Tables

✅ visitor_sessions - Visitor tracking
✅ page_views - Page navigation
✅ chat_messages - Conversations
✅ contact_submissions - Contact forms
✅ user_interactions - User actions

🎯 AI Responds To

  • "Tell me about Deepak"
  • "What are your skills?"
  • "Show projects"
  • "How to contact?"
  • "Career goals?"

🔧 Tech Stack

  • Frontend: HTML, CSS, JavaScript
  • Backend: Supabase (PostgreSQL)
  • Free Hosting: GitHub Pages, Netlify, Vercel

📱 Deploy

GitHub Pages:

git push origin main
# Settings → Pages → Select branch

Netlify:

  • Drag & drop folder → Done!

⚠️ Important

✅ USE anon/public key (safe)
❌ NEVER use service_role key in frontend

📚 Full Docs

  • SETUP_SUMMARY.md - Complete overview
  • SUPABASE_SETUP.md - Detailed setup
  • API_DOCUMENTATION.md - Additional APIs
  • README.md - Project info

🆘 Troubleshooting

"Supabase not configured"

→ Update config.js with your keys

"Insert failed"

→ Check RLS policies in Supabase

No data in tables

→ Check browser console (F12)

📞 Support

  • Supabase Docs: supabase.com/docs
  • Discord: discord.supabase.com

That's it! You're ready to launch! 🚀