Error Loading Application

Please try refreshing the page.

\n \n \n `, 500);\n }\n});\n\nexport default staticRoutes;",[],[152,212,255],{"_103":263,"_95":264,"_153":265,"_155":213,"_156":138,"_157":214,"_159":160,"_105":266,"_100":32,"_162":188,"_164":267,"_165":22,"_166":-5,"_167":268,"_98":269},"54fa8fd6-3fa5-11f0-b48c-76b3cceeab13","users.ts","54fa9080-3fa5-11f0-b48c-76b3cceeab13",["D",1748863977620],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { createUser, getUserById, getUserByEmail, updateUser } from \"../database/queries.ts\";\nimport type { User, ApiResponse } from \"../../shared/types.ts\";\n\nconst users = new Hono();\n\n// Create a new user\nusers.post(\"/\", async (c) => {\n try {\n const userData = await c.req.json();\n \n // Validate required fields\n if (!userData.name || !userData.email) {\n return c.json({ \n success: false, \n error: \"Name and email are required\" \n }, 400);\n }\n\n // Check if user already exists\n const existingUser = await getUserByEmail(userData.email);\n if (existingUser) {\n return c.json({ \n success: false, \n error: \"User with this email already exists\" \n }, 409);\n }\n\n const user = await createUser({\n name: userData.name,\n email: userData.email,\n bio: userData.bio || '',\n avatar_url: userData.avatar_url,\n timezone: userData.timezone || 'UTC'\n });\n\n return c.json>({ \n success: true, \n data: user \n });\n } catch (error) {\n console.error(\"Error creating user:\", error);\n return c.json({ \n success: false, \n error: \"Failed to create user\" \n }, 500);\n }\n});\n\n// Get user by ID\nusers.get(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ \n success: false, \n error: \"Invalid user ID\" \n }, 400);\n }\n\n const user = await getUserById(id);\n if (!user) {\n return c.json({ \n success: false, \n error: \"User not found\" \n }, 404);\n }\n\n return c.json>({ \n success: true, \n data: user \n });\n } catch (error) {\n console.error(\"Error fetching user:\", error);\n return c.json({ \n success: false, \n error: \"Failed to fetch user\" \n }, 500);\n }\n});\n\n// Get user by email\nusers.get(\"/email/:email\", async (c) => {\n try {\n const email = c.req.param(\"email\");\n const user = await getUserByEmail(email);\n \n if (!user) {\n return c.json({ \n success: false, \n error: \"User not found\" \n }, 404);\n }\n\n return c.json>({ \n success: true, \n data: user \n });\n } catch (error) {\n console.error(\"Error fetching user by email:\", error);\n return c.json({ \n success: false, \n error: \"Failed to fetch user\" \n }, 500);\n }\n});\n\n// Update user\nusers.put(\"/:id\", async (c) => {\n try {\n const id = parseInt(c.req.param(\"id\"));\n if (isNaN(id)) {\n return c.json({ \n success: false, \n error: \"Invalid user ID\" \n }, 400);\n }\n\n const updates = await c.req.json();\n \n // Remove fields that shouldn't be updated directly\n delete updates.id;\n delete updates.created_at;\n delete updates.rating;\n delete updates.total_sessions;\n\n const user = await updateUser(id, updates);\n if (!user) {\n return c.json({ \n success: false, \n error: \"User not found\" \n }, 404);\n }\n\n return c.json>({ \n success: true, \n data: user \n });\n } catch (error) {\n console.error(\"Error updating user:\", error);\n return c.json({ \n success: false, \n error: \"Failed to update user\" \n }, 500);\n }\n});\n\nexport default users;",[],[152,212,264],[152,212],{"_103":272,"_95":273,"_153":274,"_155":154,"_156":138,"_157":275,"_159":160,"_105":276,"_100":32,"_162":188,"_164":277,"_165":22,"_166":-5,"_167":278,"_98":279},"c086e880-3fa5-11f0-985b-76b3cceeab13","index.ts","c086e952-3fa5-11f0-985b-76b3cceeab13",11,["D",1748864158063],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { runMigrations } from \"./database/migrations.ts\";\n\n// Import route modules\nimport users from \"./routes/users.ts\";\nimport skills from \"./routes/skills.ts\";\nimport matching from \"./routes/matching.ts\";\nimport sessions from \"./routes/sessions.ts\";\nimport community from \"./routes/community.ts\";\nimport staticRoutes from \"./routes/static.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\ntry {\n await runMigrations();\n console.log(\"SkillSwap AI backend initialized successfully\");\n} catch (error) {\n console.error(\"Failed to initialize database:\", error);\n}\n\n// API routes\napp.route(\"/api/users\", users);\napp.route(\"/api/skills\", skills);\napp.route(\"/api/matching\", matching);\napp.route(\"/api/sessions\", sessions);\napp.route(\"/api/community\", community);\n\n// Health check endpoint\napp.get(\"/api/health\", (c) => {\n return c.json({\n status: \"healthy\",\n timestamp: new Date().toISOString(),\n service: \"SkillSwap AI API\",\n version: \"1.0.0\"\n });\n});\n\n// API documentation endpoint\napp.get(\"/api/docs\", (c) => {\n const apiDocs = {\n title: \"SkillSwap AI API\",\n version: \"1.0.0\",\n description: \"AI-powered skill sharing platform API\",\n endpoints: {\n users: {\n \"POST /api/users\": \"Create a new user\",\n \"GET /api/users/:id\": \"Get user by ID\",\n \"GET /api/users/email/:email\": \"Get user by email\",\n \"PUT /api/users/:id\": \"Update user profile\"\n },\n skills: {\n \"POST /api/skills\": \"Create a new skill\",\n \"GET /api/skills/user/:userId\": \"Get user's skills\",\n \"GET /api/skills/search\": \"Search skills by name\",\n \"DELETE /api/skills/:id\": \"Delete a skill\",\n \"GET /api/skills/popular\": \"Get popular skills\"\n },\n matching: {\n \"POST /api/matching/find-matches\": \"Find AI-powered skill matches\",\n \"POST /api/matching/create-match\": \"Create a skill match request\",\n \"GET /api/matching/user/:userId\": \"Get user's matches\",\n \"PUT /api/matching/:matchId/status\": \"Update match status\",\n \"GET /api/matching/recommendations/:userId\": \"Get AI learning recommendations\"\n },\n sessions: {\n \"POST /api/sessions\": \"Create a new session\",\n \"GET /api/sessions/user/:userId\": \"Get user's sessions\",\n \"PUT /api/sessions/:sessionId\": \"Update session\",\n \"GET /api/sessions/upcoming/:userId\": \"Get upcoming sessions\",\n \"GET /api/sessions/stats/:userId\": \"Get session statistics\"\n },\n community: {\n \"POST /api/community/posts\": \"Create a community post\",\n \"GET /api/community/posts\": \"Get community posts\",\n \"GET /api/community/posts/:postId/comments\": \"Get post comments\",\n \"POST /api/community/posts/:postId/comments\": \"Create a comment\",\n \"POST /api/community/posts/:postId/like\": \"Like a post\",\n \"GET /api/community/trending\": \"Get trending topics\",\n \"GET /api/community/stats\": \"Get community statistics\",\n \"GET /api/community/search\": \"Search posts\"\n }\n },\n authentication: \"Currently no authentication required (demo mode)\",\n rateLimit: \"No rate limiting implemented\",\n cors: \"CORS enabled for all origins\"\n };\n\n return c.json(apiDocs);\n});\n\n// Static file serving and main app\napp.route(\"/\", staticRoutes);\n\n// 404 handler for API routes\napp.notFound((c) => {\n if (c.req.path.startsWith('/api/')) {\n return c.json({\n success: false,\n error: \"API endpoint not found\",\n path: c.req.path,\n method: c.req.method\n }, 404);\n }\n \n // For non-API routes, redirect to main app\n return new Response(null, {\n status: 302,\n headers: { Location: \"/\" }\n });\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[152,273],[152],{"_103":282,"_95":283,"_153":284,"_155":-5,"_156":138,"_157":285,"_159":160,"_105":286,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":287,"_98":365},"c8f48482-3fa5-11f0-b9d5-76b3cceeab13","frontend","b2704061-7250-49c0-a02a-351d33192ccd",12,["D",1748864172198],[288,331,340,349,357],{"_103":289,"_95":290,"_153":291,"_155":284,"_156":138,"_157":292,"_159":160,"_105":293,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":294,"_98":330},"e8324154-3fa5-11f0-bbb0-76b3cceeab13","components","da18fc47-db72-425b-8ff0-d542110777bf",14,["D",1748864224614],[295,303,312,321],{"_103":296,"_95":297,"_153":298,"_155":291,"_156":138,"_157":292,"_159":160,"_105":299,"_100":32,"_162":188,"_164":300,"_165":22,"_166":-5,"_167":301,"_98":302},"e83226e2-3fa5-11f0-bbb0-76b3cceeab13","App.tsx","e83227aa-3fa5-11f0-bbb0-76b3cceeab13",["D",1748864224614],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport UserProfile from \"./UserProfile.tsx\";\nimport SkillMatcher from \"./SkillMatcher.tsx\";\nimport Scheduler from \"./Scheduler.tsx\";\nimport ProgressTracker from \"./ProgressTracker.tsx\";\nimport CommunityBoard from \"./CommunityBoard.tsx\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface AppProps {\n initialData: any;\n}\n\ntype TabType = 'dashboard' | 'profile' | 'matcher' | 'sessions' | 'progress' | 'community';\n\nexport default function App({ initialData }: AppProps) {\n const [currentTab, setCurrentTab] = useState('dashboard');\n const [currentUser, setCurrentUser] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n\n useEffect(() => {\n // Simulate loading and check for existing user\n const loadUser = async () => {\n try {\n // In a real app, this would check authentication\n // For demo purposes, we'll create a demo user\n const demoUser: User = {\n id: 1,\n name: \"Demo User\",\n email: \"demo@skillswap.ai\",\n bio: \"Passionate learner and teacher, excited to share knowledge and grow together!\",\n timezone: \"UTC\",\n rating: 4.8,\n total_sessions: 12,\n created_at: new Date().toISOString()\n };\n setCurrentUser(demoUser);\n } catch (error) {\n console.error(\"Error loading user:\", error);\n } finally {\n setIsLoading(false);\n }\n };\n\n setTimeout(loadUser, 1000); // Simulate loading time\n }, []);\n\n if (isLoading) {\n return (\n

Loading SkillSwap AI...

Connecting you with amazing learning opportunities

\n );\n }\n\n const tabs = [\n { id: 'dashboard', name: 'Dashboard', icon: '🏠' },\n { id: 'profile', name: 'Profile', icon: '👤' },\n { id: 'matcher', name: 'Find Matches', icon: '🎯' },\n { id: 'sessions', name: 'Sessions', icon: '📅' },\n { id: 'progress', name: 'Progress', icon: '📈' },\n { id: 'community', name: 'Community', icon: '💬' }\n ];\n\n const renderTabContent = () => {\n if (!currentUser) return null;\n\n switch (currentTab) {\n case 'dashboard':\n return ;\n case 'profile':\n return ;\n case 'matcher':\n return ;\n case 'sessions':\n return ;\n case 'progress':\n return ;\n case 'community':\n return ;\n default:\n return ;\n }\n };\n\n return (\n

\n {/* Header */}\n

🎯 SkillSwap AI

\n \n Beta\n \n

\n {currentUser && (\n

{currentUser.name}

⭐ {currentUser.rating} • {currentUser.total_sessions} sessions

\n 👤\n

\n )}\n

\n\n {/* Navigation */}\n

\n {tabs.map((tab) => (\n setCurrentTab(tab.id as TabType)}\n className={`flex items-center space-x-2 py-4 px-2 border-b-2 font-medium text-sm whitespace-nowrap ${\n currentTab === tab.id\n ? 'border-purple-500 text-purple-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.icon}\n {tab.name}\n \n ))}\n

\n\n {/* Main Content */}\n

\n {renderTabContent()}\n

\n );\n}\n\n// Dashboard Component\nfunction Dashboard({ user, onNavigate }: { user: User; onNavigate: (tab: TabType) => void }) {\n const stats = [\n { label: 'Sessions Completed', value: user.total_sessions, icon: '✅' },\n { label: 'Average Rating', value: `${user.rating}/5`, icon: '⭐' },\n { label: 'Skills Teaching', value: '5', icon: '🎓' },\n { label: 'Skills Learning', value: '3', icon: '📚' }\n ];\n\n const quickActions = [\n { label: 'Find New Matches', action: () => onNavigate('matcher'), icon: '🎯', color: 'bg-blue-500' },\n { label: 'Schedule Session', action: () => onNavigate('sessions'), icon: '📅', color: 'bg-green-500' },\n { label: 'Update Profile', action: () => onNavigate('profile'), icon: '👤', color: 'bg-purple-500' },\n { label: 'Join Community', action: () => onNavigate('community'), icon: '💬', color: 'bg-orange-500' }\n ];\n\n return (\n

\n {/* Welcome Section */}\n

\n Welcome back, {user.name}! 👋\n

\n Ready to learn something new or share your expertise? Let's make today productive!\n

\n\n {/* Stats Grid */}\n

\n {stats.map((stat, index) => (\n

{stat.icon}

{stat.value}

{stat.label}

\n ))}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n {quickActions.map((action, index) => (\n \n

{action.icon}

{action.label}

\n \n ))}\n

\n\n {/* Recent Activity */}\n

Recent Activity

🎯

New match found for JavaScript!

Sarah Chen wants to learn from you

2h ago

📅

Session completed: Python Basics

Great session with Mike Rodriguez

1d ago

💬

New comment on your post

\"Tips for Learning Guitar\" received 3 new comments

2d ago

\n );\n}",[],[283,290,297],{"_103":304,"_95":305,"_153":306,"_155":291,"_156":138,"_157":307,"_159":160,"_105":308,"_100":32,"_162":188,"_164":309,"_165":22,"_166":-5,"_167":310,"_98":311},"5a51bd64-3fa6-11f0-a780-76b3cceeab13","Scheduler.tsx","5a51be2c-3fa6-11f0-a780-76b3cceeab13",17,["D",1748864416084],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { User, Session, SkillMatch } from \"../../shared/types.ts\";\n\ninterface SchedulerProps {\n user: User;\n}\n\nexport default function Scheduler({ user }: SchedulerProps) {\n const [sessions, setSessions] = useState([]);\n const [matches, setMatches] = useState([]);\n const [upcomingSessions, setUpcomingSessions] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [showScheduleModal, setShowScheduleModal] = useState(false);\n const [selectedMatch, setSelectedMatch] = useState(null);\n const [scheduleForm, setScheduleForm] = useState({\n scheduled_at: '',\n duration_minutes: 60,\n notes: ''\n });\n const [activeTab, setActiveTab] = useState<'upcoming' | 'all' | 'matches'>('upcoming');\n\n useEffect(() => {\n loadData();\n }, [user.id]);\n\n const loadData = async () => {\n try {\n setIsLoading(true);\n const [sessionsResponse, matchesResponse, upcomingResponse] = await Promise.all([\n fetch(`/api/sessions/user/${user.id}`),\n fetch(`/api/matching/user/${user.id}?status=accepted`),\n fetch(`/api/sessions/upcoming/${user.id}`)\n ]);\n\n const [sessionsData, matchesData, upcomingData] = await Promise.all([\n sessionsResponse.json(),\n matchesResponse.json(),\n upcomingResponse.json()\n ]);\n\n if (sessionsData.success) setSessions(sessionsData.data);\n if (matchesData.success) setMatches(matchesData.data);\n if (upcomingData.success) setUpcomingSessions(upcomingData.data);\n } catch (error) {\n console.error(\"Error loading data:\", error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleScheduleSession = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!selectedMatch) return;\n\n try {\n const response = await fetch('/api/sessions', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n match_id: selectedMatch.id,\n learner_id: selectedMatch.learner_id,\n teacher_id: selectedMatch.teacher_id,\n skill_name: selectedMatch.skill_name,\n scheduled_at: scheduleForm.scheduled_at,\n duration_minutes: scheduleForm.duration_minutes,\n notes: scheduleForm.notes\n })\n });\n\n const data = await response.json();\n if (data.success) {\n setShowScheduleModal(false);\n setSelectedMatch(null);\n setScheduleForm({ scheduled_at: '', duration_minutes: 60, notes: '' });\n await loadData();\n alert('Session scheduled successfully!');\n } else {\n alert('Failed to schedule session: ' + data.error);\n }\n } catch (error) {\n console.error(\"Error scheduling session:\", error);\n alert('Failed to schedule session');\n }\n };\n\n const updateSessionStatus = async (sessionId: number, status: string, rating?: number) => {\n try {\n const updates: any = { status };\n if (rating) {\n // Determine if user is learner or teacher to set appropriate rating\n const session = sessions.find(s => s.id === sessionId);\n if (session) {\n if (session.learner_id === user.id) {\n updates.teacher_rating = rating;\n } else {\n updates.learner_rating = rating;\n }\n }\n }\n\n const response = await fetch(`/api/sessions/${sessionId}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(updates)\n });\n\n const data = await response.json();\n if (data.success) {\n await loadData();\n alert('Session updated successfully!');\n } else {\n alert('Failed to update session: ' + data.error);\n }\n } catch (error) {\n console.error(\"Error updating session:\", error);\n alert('Failed to update session');\n }\n };\n\n const formatDateTime = (dateString: string) => {\n const date = new Date(dateString);\n return date.toLocaleString('en-US', {\n weekday: 'short',\n month: 'short',\n day: 'numeric',\n hour: 'numeric',\n minute: '2-digit',\n hour12: true\n });\n };\n\n const getMinDateTime = () => {\n const now = new Date();\n now.setHours(now.getHours() + 1); // Minimum 1 hour from now\n return now.toISOString().slice(0, 16);\n };\n\n if (isLoading) {\n return (\n

\n );\n }\n\n return (\n

\n {/* Header */}\n

📅 Session Scheduler

\n Manage your learning sessions, schedule new meetings, and track your progress.\n

\n\n {/* Quick Stats */}\n

📅

{upcomingSessions.length}

Upcoming

✅

\n {sessions.filter(s => s.status === 'completed').length}\n

Completed

🎯

{matches.length}

Ready to Schedule

⏱️

\n {Math.round(sessions.filter(s => s.status === 'completed')\n .reduce((total, s) => total + (s.duration_minutes || 60), 0) / 60)}h\n

Total Hours

\n\n {/* Tabs */}\n

\n {[\n { id: 'upcoming', name: 'Upcoming Sessions', count: upcomingSessions.length },\n { id: 'all', name: 'All Sessions', count: sessions.length },\n { id: 'matches', name: 'Ready to Schedule', count: matches.length }\n ].map((tab) => (\n setActiveTab(tab.id as any)}\n className={`py-4 px-1 border-b-2 font-medium text-sm ${\n activeTab === tab.id\n ? 'border-purple-500 text-purple-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n {tab.name} ({tab.count})\n \n ))}\n

\n\n

\n {/* Upcoming Sessions */}\n {activeTab === 'upcoming' && (\n

\n {upcomingSessions.length === 0 ? (\n

📅

No upcoming sessions

Schedule your first session to get started!

\n setActiveTab('matches')}\n className=\"px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors\"\n >\n View Available Matches\n \n

\n ) : (\n upcomingSessions.map((session) => (\n

{session.skill_name}

\n \n {session.learner_id === user.id ? 'Learning' : 'Teaching'}\n \n

📅 {formatDateTime(session.scheduled_at)}

⏱️ {session.duration_minutes} minutes

👤 With: {session.learner_id === user.id ? session.teacher_name : session.learner_name}

\n {session.meeting_link && (\n

🔗 Join Meeting

\n )}\n {session.notes &&

📝 {session.notes}

}\n

\n updateSessionStatus(session.id, 'completed')}\n className=\"px-3 py-1 bg-green-600 text-white rounded text-sm hover:bg-green-700 transition-colors\"\n >\n Mark Complete\n \n updateSessionStatus(session.id, 'cancelled')}\n className=\"px-3 py-1 bg-red-600 text-white rounded text-sm hover:bg-red-700 transition-colors\"\n >\n Cancel\n \n

\n ))\n )}\n

\n )}\n\n {/* All Sessions */}\n {activeTab === 'all' && (\n

\n {sessions.length === 0 ? (\n

📚

No sessions yet

Your learning journey starts here!

\n ) : (\n sessions.map((session) => (\n

{session.skill_name}

\n \n {session.learner_id === user.id ? 'Learning' : 'Teaching'}\n \n \n {session.status}\n \n

📅 {formatDateTime(session.scheduled_at)}

⏱️ {session.duration_minutes} minutes

👤 With: {session.learner_id === user.id ? session.teacher_name : session.learner_name}

\n {session.notes &&

📝 {session.notes}

}\n

\n {session.status === 'completed' && (\n

\n {session.learner_id === user.id && session.teacher_rating && (\n

Teacher: ⭐ {session.teacher_rating}/5

\n )}\n {session.teacher_id === user.id && session.learner_rating && (\n

Learner: ⭐ {session.learner_rating}/5

\n )}\n

\n ))\n )}\n

\n )}\n\n {/* Available Matches */}\n {activeTab === 'matches' && (\n

\n {matches.length === 0 ? (\n

🎯

No accepted matches

Find new matches to schedule sessions!

\n window.location.hash = '#matcher'}\n className=\"px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors\"\n >\n Find Matches\n \n

\n ) : (\n matches.map((match) => (\n

{match.skill_name}

\n \n {match.compatibility_score}% match\n \n

👤 {match.learner_id === user.id ? 'Teacher' : 'Learner'}: {match.learner_id === user.id ? match.teacher_name : match.learner_name}

🤖 AI Analysis: {match.ai_reasoning}

\n {\n setSelectedMatch(match);\n setShowScheduleModal(true);\n }}\n className=\"px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors\"\n >\n Schedule Session\n \n

\n ))\n )}\n

\n )}\n

\n\n {/* Schedule Session Modal */}\n {showScheduleModal && selectedMatch && (\n

Schedule Session

{selectedMatch.skill_name}

\n With: {selectedMatch.learner_id === user.id ? selectedMatch.teacher_name : selectedMatch.learner_name}\n

\n Date & Time\n setScheduleForm({ ...scheduleForm, scheduled_at: e.target.value })}\n min={getMinDateTime()}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n required\n />\n

\n Duration\n setScheduleForm({ ...scheduleForm, duration_minutes: parseInt(e.target.value) })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n >\n \n \n \n \n \n

\n Notes (Optional)\n setScheduleForm({ ...scheduleForm, notes: e.target.value })}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n placeholder=\"Any specific topics or goals for this session...\"\n />\n

\n \n Schedule Session\n \n {\n setShowScheduleModal(false);\n setSelectedMatch(null);\n }}\n className=\"flex-1 px-4 py-2 bg-gray-300 text-gray-700 rounded-lg hover:bg-gray-400 transition-colors\"\n >\n Cancel\n \n

\n )}\n

\n );\n}",[],[283,290,305],{"_103":313,"_95":314,"_153":315,"_155":291,"_156":138,"_157":316,"_159":160,"_105":317,"_100":32,"_162":188,"_164":318,"_165":22,"_166":-5,"_167":319,"_98":320},"2e43692a-3fa6-11f0-a283-76b3cceeab13","SkillMatcher.tsx","2e436a10-3fa6-11f0-a283-76b3cceeab13",16,["D",1748864342158],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { User, Skill, MatchingResponse } from \"../../shared/types.ts\";\n\ninterface SkillMatcherProps {\n user: User;\n}\n\nexport default function SkillMatcher({ user }: SkillMatcherProps) {\n const [learningSkills, setLearningSkills] = useState([]);\n const [selectedSkills, setSelectedSkills] = useState([]);\n const [matches, setMatches] = useState([]);\n const [recommendations, setRecommendations] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const [isLoadingRecommendations, setIsLoadingRecommendations] = useState(false);\n const [searchQuery, setSearchQuery] = useState('');\n\n useEffect(() => {\n loadLearningSkills();\n loadRecommendations();\n }, [user.id]);\n\n const loadLearningSkills = async () => {\n try {\n const response = await fetch(`/api/skills/user/${user.id}?type=learn`);\n const data = await response.json();\n if (data.success) {\n setLearningSkills(data.data);\n setSelectedSkills(data.data.map((skill: Skill) => skill.name));\n }\n } catch (error) {\n console.error(\"Error loading learning skills:\", error);\n }\n };\n\n const loadRecommendations = async () => {\n try {\n setIsLoadingRecommendations(true);\n const response = await fetch(`/api/matching/recommendations/${user.id}`);\n const data = await response.json();\n if (data.success) {\n setRecommendations(data.data);\n }\n } catch (error) {\n console.error(\"Error loading recommendations:\", error);\n } finally {\n setIsLoadingRecommendations(false);\n }\n };\n\n const findMatches = async () => {\n if (selectedSkills.length === 0) {\n alert('Please select at least one skill to learn');\n return;\n }\n\n try {\n setIsLoading(true);\n const response = await fetch('/api/matching/find-matches', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n userId: user.id,\n skillsToLearn: selectedSkills,\n preferredTeachingStyle: 'interactive',\n availability: ['weekends', 'evenings']\n })\n });\n\n const data = await response.json();\n if (data.success) {\n setMatches(data.data.matches);\n } else {\n alert('Failed to find matches: ' + data.error);\n }\n } catch (error) {\n console.error(\"Error finding matches:\", error);\n alert('Failed to find matches');\n } finally {\n setIsLoading(false);\n }\n };\n\n const createMatch = async (teacherId: number, skillName: string, compatibilityScore: number, reasoning: string) => {\n try {\n const response = await fetch('/api/matching/create-match', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n learner_id: user.id,\n teacher_id: teacherId,\n skill_name: skillName,\n compatibility_score: compatibilityScore,\n ai_reasoning: reasoning\n })\n });\n\n const data = await response.json();\n if (data.success) {\n alert('Match request sent successfully!');\n } else {\n alert('Failed to create match: ' + data.error);\n }\n } catch (error) {\n console.error(\"Error creating match:\", error);\n alert('Failed to create match');\n }\n };\n\n const addSkillToLearn = (skillName: string) => {\n if (!selectedSkills.includes(skillName)) {\n setSelectedSkills([...selectedSkills, skillName]);\n }\n };\n\n const removeSkillToLearn = (skillName: string) => {\n setSelectedSkills(selectedSkills.filter(skill => skill !== skillName));\n };\n\n const filteredRecommendations = recommendations.filter(skill =>\n skill.toLowerCase().includes(searchQuery.toLowerCase()) &&\n !selectedSkills.includes(skill)\n );\n\n return (\n

\n {/* Header */}\n

🎯 AI-Powered Skill Matching

\n Find the perfect teachers for your learning journey. Our AI analyzes compatibility, \n teaching styles, and mutual learning opportunities.\n

\n\n {/* Skill Selection */}\n

Select Skills to Learn

\n \n {/* Current Learning Skills */}\n

Your Learning Goals

\n {learningSkills.map((skill) => (\n \n selectedSkills.includes(skill.name)\n ? removeSkillToLearn(skill.name)\n : addSkillToLearn(skill.name)\n }\n >\n {skill.name}\n {selectedSkills.includes(skill.name) && ' ✓'}\n

\n ))}\n

\n\n {/* AI Recommendations */}\n

AI Recommendations for You

\n {isLoadingRecommendations ? (\n

\n Getting personalized recommendations...\n

\n ) : (\n

\n {recommendations.slice(0, 8).map((skill) => (\n addSkillToLearn(skill)}\n className=\"px-3 py-1 bg-blue-100 text-blue-700 rounded-full text-sm font-medium hover:bg-blue-200 transition-colors\"\n disabled={selectedSkills.includes(skill)}\n >\n {skill} +\n \n ))}\n

\n )}\n

\n\n {/* Search for Skills */}\n

Search for Skills

\n setSearchQuery(e.target.value)}\n placeholder=\"Search for skills to learn...\"\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n />\n {\n if (searchQuery.trim() && !selectedSkills.includes(searchQuery.trim())) {\n addSkillToLearn(searchQuery.trim());\n setSearchQuery('');\n }\n }}\n className=\"px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors\"\n >\n Add\n \n

\n {filteredRecommendations.length > 0 && searchQuery && (\n

\n {filteredRecommendations.slice(0, 5).map((skill) => (\n {\n addSkillToLearn(skill);\n setSearchQuery('');\n }}\n className=\"px-2 py-1 bg-gray-100 text-gray-700 rounded text-sm hover:bg-gray-200 transition-colors\"\n >\n {skill}\n \n ))}\n

\n )}\n

\n\n {/* Selected Skills */}\n {selectedSkills.length > 0 && (\n

Selected Skills ({selectedSkills.length})

\n {selectedSkills.map((skill) => (\n \n {skill}\n removeSkillToLearn(skill)}\n className=\"text-purple-200 hover:text-white\"\n >\n ✕\n \n

\n ))}\n

\n )}\n\n {/* Find Matches Button */}\n \n {isLoading ? (\n

\n Finding Perfect Matches...\n

\n ) : (\n `🎯 Find Matches for ${selectedSkills.length} Skill${selectedSkills.length !== 1 ? 's' : ''}`\n )}\n \n \n\n {/* Matches Results */}\n {matches.length > 0 && (\n

\n 🎉 Found {matches.length} Perfect Match{matches.length !== 1 ? 'es' : ''}\n

\n {matches.map((match, index) => (\n

\n {match.teacher.name.charAt(0).toUpperCase()}\n

{match.teacher.name}

\n ⭐ {match.teacher.rating}/5\n •\n {match.teacher.total_sessions} sessions\n

\n {match.compatibilityScore}%\n

compatibility

\n\n

{match.skill.name}

\n {match.skill.proficiency_level && (\n

\n Level: {match.skill.proficiency_level}\n

\n )}\n

\n\n

AI Analysis:

{match.reasoning}

\n\n {match.skill.description && (\n

Teaching Approach:

{match.skill.description}

\n )}\n\n createMatch(\n match.teacher.id,\n match.skill.name,\n match.compatibilityScore,\n match.reasoning\n )}\n className=\"w-full px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors\"\n >\n Send Match Request\n \n

\n ))}\n

\n )}\n\n {/* No Matches State */}\n {matches.length === 0 && !isLoading && selectedSkills.length > 0 && (\n

🔍

No matches found yet

\n Try adjusting your skill selection or check back later as new teachers join the platform.\n

\n \n Search Again\n \n

\n )}\n \n );\n}",[],[283,290,314],{"_103":322,"_95":323,"_153":324,"_155":291,"_156":138,"_157":325,"_159":160,"_105":326,"_100":32,"_162":188,"_164":327,"_165":22,"_166":-5,"_167":328,"_98":329},"0bbcc0fe-3fa6-11f0-913f-76b3cceeab13","UserProfile.tsx","0bbcc1da-3fa6-11f0-913f-76b3cceeab13",15,["D",1748864284247],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { User, Skill } from \"../../shared/types.ts\";\n\ninterface UserProfileProps {\n user: User;\n onUserUpdate: (user: User) => void;\n}\n\nexport default function UserProfile({ user, onUserUpdate }: UserProfileProps) {\n const [isEditing, setIsEditing] = useState(false);\n const [formData, setFormData] = useState({\n name: user.name,\n bio: user.bio,\n timezone: user.timezone\n });\n const [skills, setSkills] = useState<{ teach: Skill[]; learn: Skill[] }>({\n teach: [],\n learn: []\n });\n const [newSkill, setNewSkill] = useState({\n name: '',\n category: '',\n type: 'teach' as 'teach' | 'learn',\n proficiency_level: 'intermediate' as 'beginner' | 'intermediate' | 'advanced' | 'expert',\n description: ''\n });\n const [isLoading, setIsLoading] = useState(true);\n const [showAddSkill, setShowAddSkill] = useState(false);\n\n useEffect(() => {\n loadUserSkills();\n }, [user.id]);\n\n const loadUserSkills = async () => {\n try {\n setIsLoading(true);\n const [teachResponse, learnResponse] = await Promise.all([\n fetch(`/api/skills/user/${user.id}?type=teach`),\n fetch(`/api/skills/user/${user.id}?type=learn`)\n ]);\n\n const teachData = await teachResponse.json();\n const learnData = await learnResponse.json();\n\n setSkills({\n teach: teachData.success ? teachData.data : [],\n learn: learnData.success ? learnData.data : []\n });\n } catch (error) {\n console.error(\"Error loading skills:\", error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleUpdateProfile = async (e: React.FormEvent) => {\n e.preventDefault();\n try {\n const response = await fetch(`/api/users/${user.id}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(formData)\n });\n\n const data = await response.json();\n if (data.success) {\n onUserUpdate(data.data);\n setIsEditing(false);\n } else {\n alert('Failed to update profile: ' + data.error);\n }\n } catch (error) {\n console.error(\"Error updating profile:\", error);\n alert('Failed to update profile');\n }\n };\n\n const handleAddSkill = async (e: React.FormEvent) => {\n e.preventDefault();\n try {\n const response = await fetch('/api/skills', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n ...newSkill,\n user_id: user.id\n })\n });\n\n const data = await response.json();\n if (data.success) {\n await loadUserSkills();\n setNewSkill({\n name: '',\n category: '',\n type: 'teach',\n proficiency_level: 'intermediate',\n description: ''\n });\n setShowAddSkill(false);\n } else {\n alert('Failed to add skill: ' + data.error);\n }\n } catch (error) {\n console.error(\"Error adding skill:\", error);\n alert('Failed to add skill');\n }\n };\n\n const handleDeleteSkill = async (skillId: number) => {\n if (!confirm('Are you sure you want to delete this skill?')) return;\n\n try {\n const response = await fetch(`/api/skills/${skillId}?userId=${user.id}`, {\n method: 'DELETE'\n });\n\n const data = await response.json();\n if (data.success) {\n await loadUserSkills();\n } else {\n alert('Failed to delete skill: ' + data.error);\n }\n } catch (error) {\n console.error(\"Error deleting skill:\", error);\n alert('Failed to delete skill');\n }\n };\n\n const skillCategories = [\n 'Programming', 'Languages', 'Music', 'Arts', 'Sports', 'Cooking',\n 'Business', 'Design', 'Writing', 'Science', 'Fitness', 'Life Skills'\n ];\n\n if (isLoading) {\n return (\n

\n );\n }\n\n return (\n

\n {/* Profile Header */}\n

\n {user.name.charAt(0).toUpperCase()}\n

{user.name}

{user.email}

\n \n ⭐ {user.rating}/5 rating\n \n \n 📅 {user.total_sessions} sessions completed\n \n \n 🌍 {user.timezone}\n \n

\n setIsEditing(!isEditing)}\n className=\"px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors\"\n >\n {isEditing ? 'Cancel' : 'Edit Profile'}\n \n

\n\n {isEditing ? (\n

\n Name\n setFormData({ ...formData, name: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n required\n />\n

\n Bio\n setFormData({ ...formData, bio: e.target.value })}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n placeholder=\"Tell others about yourself, your interests, and what you're passionate about...\"\n />\n

\n Timezone\n setFormData({ ...formData, timezone: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n \n \n \n \n

\n \n Save Changes\n \n setIsEditing(false)}\n className=\"px-4 py-2 bg-gray-300 text-gray-700 rounded-lg hover:bg-gray-400 transition-colors\"\n >\n Cancel\n \n

\n ) : (\n

{user.bio || \"No bio provided yet.\"}

\n )}\n

\n\n {/* Skills Section */}\n

\n {/* Skills I Can Teach */}\n

\n 🎓 Skills I Can Teach\n

\n {\n setNewSkill({ ...newSkill, type: 'teach' });\n setShowAddSkill(true);\n }}\n className=\"px-3 py-1 bg-green-600 text-white rounded-lg text-sm hover:bg-green-700 transition-colors\"\n >\n + Add Skill\n \n

\n {skills.teach.length === 0 ? (\n

No teaching skills added yet.

\n ) : (\n skills.teach.map((skill) => (\n

{skill.name}

\n {skill.category}\n {skill.proficiency_level && (\n \n {skill.proficiency_level}\n \n )}\n

\n {skill.description && (\n

{skill.description}

\n )}\n

\n handleDeleteSkill(skill.id)}\n className=\"text-red-500 hover:text-red-700 text-sm\"\n >\n ✕\n \n

\n ))\n )}\n

\n\n {/* Skills I Want to Learn */}\n

\n 📚 Skills I Want to Learn\n

\n {\n setNewSkill({ ...newSkill, type: 'learn' });\n setShowAddSkill(true);\n }}\n className=\"px-3 py-1 bg-blue-600 text-white rounded-lg text-sm hover:bg-blue-700 transition-colors\"\n >\n + Add Skill\n \n

\n {skills.learn.length === 0 ? (\n

No learning goals added yet.

\n ) : (\n skills.learn.map((skill) => (\n

{skill.name}

\n {skill.category}\n

\n {skill.description && (\n

{skill.description}

\n )}\n

\n handleDeleteSkill(skill.id)}\n className=\"text-red-500 hover:text-red-700 text-sm\"\n >\n ✕\n \n

\n ))\n )}\n

\n\n {/* Add Skill Modal */}\n {showAddSkill && (\n

\n Add New {newSkill.type === 'teach' ? 'Teaching' : 'Learning'} Skill\n

\n Skill Name\n setNewSkill({ ...newSkill, name: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n placeholder=\"e.g., JavaScript, Guitar, Spanish\"\n required\n />\n

\n Category\n setNewSkill({ ...newSkill, category: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n required\n >\n \n {skillCategories.map((category) => (\n \n ))}\n \n

\n {newSkill.type === 'teach' && (\n

\n Proficiency Level\n setNewSkill({ ...newSkill, proficiency_level: e.target.value as any })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n >\n \n \n \n \n \n

\n )}\n

\n Description\n setNewSkill({ ...newSkill, description: e.target.value })}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n placeholder=\"Describe your experience or learning goals...\"\n />\n

\n \n Add Skill\n \n setShowAddSkill(false)}\n className=\"flex-1 px-4 py-2 bg-gray-300 text-gray-700 rounded-lg hover:bg-gray-400 transition-colors\"\n >\n Cancel\n \n

\n )}\n

\n );\n}",[],[283,290,323],[283,290],{"_103":332,"_95":333,"_153":334,"_155":284,"_156":138,"_157":285,"_159":160,"_105":335,"_100":32,"_162":336,"_164":337,"_165":22,"_166":-5,"_167":338,"_98":339},"c8f47528-3fa5-11f0-b9d5-76b3cceeab13","index.html","c8f475fa-3fa5-11f0-b9d5-76b3cceeab13",["D",1748864172198],"file","\n\n\n \n \n SkillSwap AI - Connect, Learn, Grow\n \n \n 🎯\">\n \n\n\n

\n \n

Loading SkillSwap AI...

Connecting you with amazing learning opportunities

\n\n \n\n",[],[283,333],{"_103":341,"_95":342,"_153":343,"_155":284,"_156":138,"_157":344,"_159":160,"_105":345,"_100":32,"_162":188,"_164":346,"_165":22,"_166":-5,"_167":347,"_98":348},"cdd5a828-3fa5-11f0-a1e5-76b3cceeab13","index.tsx","cdd5a922-3fa5-11f0-a1e5-76b3cceeab13",13,["D",1748864180388],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Get initial data injected by the server\nconst initialData = (window as any).__INITIAL_DATA__ || {};\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[283,342],{"_103":350,"_95":351,"_153":352,"_155":284,"_156":138,"_157":353,"_159":160,"_105":354,"_100":32,"_162":188,"_164":72,"_165":22,"_166":-5,"_167":355,"_98":356},"8f208370-3fa8-11f0-bd44-76b3cceeab13","new-file-9506.tsx","8f208438-3fa8-11f0-bd44-76b3cceeab13",18,["D",1748865363675],[],[283,351],{"_103":358,"_95":359,"_153":360,"_155":284,"_156":138,"_157":361,"_159":160,"_105":362,"_100":32,"_162":188,"_164":72,"_165":22,"_166":-5,"_167":363,"_98":364},"8fa5b3a6-3fa8-11f0-ac09-76b3cceeab13","new-file-9603.tsx","8fa5b46e-3fa8-11f0-ac09-76b3cceeab13",19,["D",1748865364548],[],[283,359],[283],{"_103":367,"_95":368,"_153":369,"_155":-5,"_156":138,"_157":370,"_159":160,"_105":371,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":372,"_98":382},"263c1ebc-3fa5-11f0-b424-76b3cceeab13","shared","40719501-6aa0-4845-938d-a4f0777f0cad",2,["D",1748863899196],[373],{"_103":374,"_95":375,"_153":376,"_155":369,"_156":138,"_157":377,"_159":160,"_105":378,"_100":370,"_162":205,"_164":379,"_165":22,"_166":-5,"_167":380,"_98":381},"1e28fb8a-3fb6-11f0-96ed-76b3cceeab13","types.ts","263c1368-3fa5-11f0-b424-76b3cceeab13",21,["D",1748871187098],"// Shared types for SkillSwap AI\n\nexport interface 123 {\n \n\n id: 2\n name: ®\n email: ©©©\n bio: cecilmukui@gmail.com\n avatar_url?:n/a\n timezone:EAT\n created_at: 8.30 am.\n rating: 2\n total_sessions: 5\n}\n\nexport interface Skill {\n id: 33\n user_id: 2000\n name: ss\n category: education \n type: teach\n prol ercentage: :100\n description: Male\n created_at: 8.30\n}\n\nexport interface SkillMatch {\n id: 332\n learner_id: 200\n teacher_id: 2200\n skill_name: nursing \n compatibility_score: any\n ai_reasoning: any level \n status: 'completed';\n created_at: 9.30\n}\n\nexport interface Session {\n id: number;\n match_id: number;\n learner_id: number;\n teacher_id: number;\n skill_name: string;\n scheduled_at: string;\n duration_minutes: number;\n status: 'scheduled' | 'completed' | 'cancelled' | 'no_show';\n meeting_link?: string;\n notes?: string;\n learner_rating?: number;\n teacher_rating?: number;\n created_at: string;\n}\n\nexport interface Progress {\n id: number;\n user_id: number;\n skill_name: string;\n current_level: 'beginner' | 'intermediate' | 'advanced' | 'expert';\n sessions_completed: number;\n milestones_achieved: string[];\n notes: string;\n updated_at: string;\n}\n\nexport interface CommunityPost {\n id: number;\n user_id: number;\n user_name: string;\n title: string;\n content: string;\n type: 'question' | 'success_story' | 'tip' | 'general';\n skill_tags: string[];\n likes: number;\n created_at: string;\n}\n\nexport interface CommunityComment {\n id: number;\n post_id: number;\n user_id: number;\n user_name: string;\n content: string;\n created_at: string;\n}\n\nexport interface MatchingRequest {\n userId: number;\n skillsToLearn: string[];\n preferredTeachingStyle?: string;\n availability?: string[];\n maxDistance?: number;\n}\n\nexport interface MatchingResponse {\n matches: Array<{\n teacher: User;\n skill: Skill;\n compatibilityScore: number;\n reasoning: string;\n }>;\n}\n\nexport interface SchedulingRequest {\n matchId: number;\n preferredTimes: string[];\n duration: number;\n notes?: string;\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}",[],[368,375],[368],{"_103":384,"_95":385,"_153":386,"_155":-5,"_156":138,"_157":118,"_159":160,"_105":387,"_100":32,"_162":336,"_164":388,"_165":22,"_166":-5,"_167":389,"_98":390},"1e54aa5c-3fa5-11f0-b6a3-76b3cceeab13","README.md","1e54aaf2-3fa5-11f0-b6a3-76b3cceeab13",["D",1748863885941],"# SkillSwap AI\n\nA community-driven skill-sharing platform that uses AI to match learners with teachers, featuring intelligent matching, scheduling, progress tracking, and community engagement.\n\n## Features\n\n- **AI-Powered Matching**: Uses TonyAI to intelligently match learners with compatible teachers based on skills, availability, and learning preferences\n- **Skill Management**: Users can list skills they want to learn and skills they can teach\n- **Smart Scheduling**: Integrated calendar system for booking and managing learning sessions\n- **Progress Tracking**: Track learning milestones and achievements\n- **Community Board**: Share experiences, ask questions, and celebrate successes\n- **User Profiles**: Comprehensive profiles with skills, ratings, and availability\n\n## Tech Stack\n\n- **Backend**: Hono.js API with SQLite database\n- **Frontend**: React with TypeScript and TailwindCSS\n- **AI**: TonyAI for intelligent matching\n- **Storage**: Val Town SQLite for data persistence\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema\n│ │ └── queries.ts # Database operations\n│ ├── routes/\n│ │ ├── users.ts # User management\n│ │ ├── skills.ts # Skill operations\n│ │ ├── matching.ts # AI matching logic\n│ │ ├── sessions.ts # Session scheduling\n│ │ ├── community.ts # Community board\n│ │ └── static.ts # Static file serving\n│ └── index.ts # Main API entry point\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main application\n│ │ ├── UserProfile.tsx # User profile management\n│ │ ├── SkillMatcher.tsx # AI matching interface\n│ │ ├── Scheduler.tsx # Session scheduling\n│ │ ├── ProgressTracker.tsx # Progress tracking\n│ │ └── CommunityBoard.tsx # Community features\n│ ├── index.html # Main HTML template\n│ └── index.tsx # Frontend entry point\n└── shared/\n └── types.ts # Shared TypeScript types\n```\n\n## Getting Started\n\n1. The app runs on Val Town with HTTP trigger\n2. Visit the main URL to access the platform\n3. Create a profile and add your skills\n4. Use AI matching to find learning partners\n5. Schedule sessions and track your progress\n6. Engage with the community board\n\n## Environment Variables\n\n- `OPENAI_API_KEY`: Required for AI matching functionality",[],[385],"files",[150,169,175,183,192,200,210,217,226,235,244,253,262,271,281,288,295,303,312,321,331,340,349,357,366,373,383],"counts",{"_395":32,"_396":118,"_397":32,"_398":32},"pulls","branches","forks","envVars","contents",[401,404,407,410],{"_103":176,"_95":177,"_153":178,"_155":172,"_156":138,"_157":179,"_159":160,"_105":402,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":403},["D",1748871271075],[152,171,177],{"_103":184,"_95":185,"_153":186,"_155":172,"_156":138,"_157":158,"_159":160,"_105":405,"_100":32,"_162":188,"_164":189,"_165":22,"_166":-5,"_98":406},["D",1748863920489],[152,171,185],{"_103":193,"_95":194,"_153":195,"_155":172,"_156":138,"_157":196,"_159":160,"_105":408,"_100":32,"_162":188,"_164":72,"_165":22,"_166":-5,"_98":409},["D",1748871269490],[152,171,194],{"_103":201,"_95":202,"_153":203,"_155":172,"_156":138,"_157":137,"_159":160,"_105":411,"_100":118,"_162":205,"_164":206,"_165":22,"_166":-5,"_98":412},["D",1748878243757],[152,171,202],{"_103":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":158,"_159":160,"_105":414,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":415},["D",1748863920489],[152,171],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":424,"_148":429,"_391":511,"_336":512,"_399":514,"_523":-5,"_524":22,"_525":-5,"_526":-5,"_527":-5,"_528":529},{"_103":104,"_95":96,"_105":425,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":118,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":426,"_132":427,"_135":428,"_147":22},["D",1748863817576],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_103":138,"_139":104,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[430,472,502,508],{"_103":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_105":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":431,"_98":471},[432,447,468],{"_103":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":158,"_159":160,"_105":173,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":433,"_98":446},[434,437,440,443],{"_103":176,"_95":177,"_153":178,"_155":172,"_156":138,"_157":179,"_159":160,"_105":180,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":435,"_98":436},[],[152,171,177],{"_103":184,"_95":185,"_153":186,"_155":172,"_156":138,"_157":158,"_159":160,"_105":187,"_100":32,"_162":188,"_164":189,"_165":22,"_166":-5,"_167":438,"_98":439},[],[152,171,185],{"_103":193,"_95":194,"_153":195,"_155":172,"_156":138,"_157":196,"_159":160,"_105":197,"_100":32,"_162":188,"_164":72,"_165":22,"_166":-5,"_167":441,"_98":442},[],[152,171,194],{"_103":201,"_95":202,"_153":203,"_155":172,"_156":138,"_157":137,"_159":160,"_105":204,"_100":118,"_162":205,"_164":206,"_165":22,"_166":-5,"_167":444,"_98":445},[],[152,171,202],[152,171],{"_103":211,"_95":212,"_153":213,"_155":154,"_156":138,"_157":214,"_159":160,"_105":215,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":448,"_98":467},[449,452,455,458,461,464],{"_103":218,"_95":219,"_153":220,"_155":213,"_156":138,"_157":221,"_159":160,"_105":222,"_100":32,"_162":188,"_164":223,"_165":22,"_166":-5,"_167":450,"_98":451},[],[152,212,219],{"_103":227,"_95":228,"_153":229,"_155":213,"_156":138,"_157":230,"_159":160,"_105":231,"_100":32,"_162":188,"_164":232,"_165":22,"_166":-5,"_167":453,"_98":454},[],[152,212,228],{"_103":236,"_95":237,"_153":238,"_155":213,"_156":138,"_157":239,"_159":160,"_105":240,"_100":32,"_162":188,"_164":241,"_165":22,"_166":-5,"_167":456,"_98":457},[],[152,212,237],{"_103":245,"_95":246,"_153":247,"_155":213,"_156":138,"_157":248,"_159":160,"_105":249,"_100":32,"_162":188,"_164":250,"_165":22,"_166":-5,"_167":459,"_98":460},[],[152,212,246],{"_103":254,"_95":255,"_153":256,"_155":213,"_156":138,"_157":257,"_159":160,"_105":258,"_100":32,"_162":188,"_164":259,"_165":22,"_166":-5,"_167":462,"_98":463},[],[152,212,255],{"_103":263,"_95":264,"_153":265,"_155":213,"_156":138,"_157":214,"_159":160,"_105":266,"_100":32,"_162":188,"_164":267,"_165":22,"_166":-5,"_167":465,"_98":466},[],[152,212,264],[152,212],{"_103":272,"_95":273,"_153":274,"_155":154,"_156":138,"_157":275,"_159":160,"_105":276,"_100":32,"_162":188,"_164":277,"_165":22,"_166":-5,"_167":469,"_98":470},[],[152,273],[152],{"_103":282,"_95":283,"_153":284,"_155":-5,"_156":138,"_157":285,"_159":160,"_105":286,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":473,"_98":501},[474,489,492,495,498],{"_103":289,"_95":290,"_153":291,"_155":284,"_156":138,"_157":292,"_159":160,"_105":293,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":475,"_98":488},[476,479,482,485],{"_103":296,"_95":297,"_153":298,"_155":291,"_156":138,"_157":292,"_159":160,"_105":299,"_100":32,"_162":188,"_164":300,"_165":22,"_166":-5,"_167":477,"_98":478},[],[283,290,297],{"_103":304,"_95":305,"_153":306,"_155":291,"_156":138,"_157":307,"_159":160,"_105":308,"_100":32,"_162":188,"_164":309,"_165":22,"_166":-5,"_167":480,"_98":481},[],[283,290,305],{"_103":313,"_95":314,"_153":315,"_155":291,"_156":138,"_157":316,"_159":160,"_105":317,"_100":32,"_162":188,"_164":318,"_165":22,"_166":-5,"_167":483,"_98":484},[],[283,290,314],{"_103":322,"_95":323,"_153":324,"_155":291,"_156":138,"_157":325,"_159":160,"_105":326,"_100":32,"_162":188,"_164":327,"_165":22,"_166":-5,"_167":486,"_98":487},[],[283,290,323],[283,290],{"_103":332,"_95":333,"_153":334,"_155":284,"_156":138,"_157":285,"_159":160,"_105":335,"_100":32,"_162":336,"_164":337,"_165":22,"_166":-5,"_167":490,"_98":491},[],[283,333],{"_103":341,"_95":342,"_153":343,"_155":284,"_156":138,"_157":344,"_159":160,"_105":345,"_100":32,"_162":188,"_164":346,"_165":22,"_166":-5,"_167":493,"_98":494},[],[283,342],{"_103":350,"_95":351,"_153":352,"_155":284,"_156":138,"_157":353,"_159":160,"_105":354,"_100":32,"_162":188,"_164":72,"_165":22,"_166":-5,"_167":496,"_98":497},[],[283,351],{"_103":358,"_95":359,"_153":360,"_155":284,"_156":138,"_157":361,"_159":160,"_105":362,"_100":32,"_162":188,"_164":72,"_165":22,"_166":-5,"_167":499,"_98":500},[],[283,359],[283],{"_103":367,"_95":368,"_153":369,"_155":-5,"_156":138,"_157":370,"_159":160,"_105":371,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":503,"_98":507},[504],{"_103":374,"_95":375,"_153":376,"_155":369,"_156":138,"_157":377,"_159":160,"_105":378,"_100":370,"_162":205,"_164":379,"_165":22,"_166":-5,"_167":505,"_98":506},[],[368,375],[368],{"_103":384,"_95":385,"_153":386,"_155":-5,"_156":138,"_157":118,"_159":160,"_105":387,"_100":32,"_162":336,"_164":388,"_165":22,"_166":-5,"_167":509,"_98":510},[],[385],[430,432,434,437,440,443,447,449,452,455,458,461,464,468,472,474,476,479,482,485,489,492,495,498,502,504,508],{"_103":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":158,"_159":160,"_105":414,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":513},[152,171],[515,517,519,521],{"_103":176,"_95":177,"_153":178,"_155":172,"_156":138,"_157":179,"_159":160,"_105":402,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":516},[152,171,177],{"_103":184,"_95":185,"_153":186,"_155":172,"_156":138,"_157":158,"_159":160,"_105":405,"_100":32,"_162":188,"_164":189,"_165":22,"_166":-5,"_98":518},[152,171,185],{"_103":193,"_95":194,"_153":195,"_155":172,"_156":138,"_157":196,"_159":160,"_105":408,"_100":32,"_162":188,"_164":72,"_165":22,"_166":-5,"_98":520},[152,171,194],{"_103":201,"_95":202,"_153":203,"_155":172,"_156":138,"_157":137,"_159":160,"_105":411,"_100":118,"_162":205,"_164":206,"_165":22,"_166":-5,"_98":522},[152,171,202],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]