PathPulse - Lead from the Heart

\n {/* Logo */}\n

isAuthenticated ? onNavigate('dashboard') : onNavigate('login')}\n >\n

\n PathPulse\n

\n \n {/* Mobile menu button */}\n

\n \n

\n \n {/* Desktop navigation */}\n

\n {isAuthenticated ? (\n <>\n \n \n \n \n \n \n \n ) : (\n <>\n \n \n \n )}\n

\n \n {/* Mobile navigation */}\n {menuOpen && (\n

\n {isAuthenticated ? (\n <>\n

\n \n \n \n \n \n \n

\n \n ) : (\n <>\n

\n \n \n

\n \n )}\n

\n )}\n

\n \n {/* User info bar (when logged in) */}\n {isAuthenticated && user && (\n

\n Welcome, {user.name}\n

\n {user.pulsePoints} Pulse Points\n

\n )}\n

\n );\n};\n\nexport default Header;",[],[99,187,202],[99,187],{"_104":210,"_95":211,"_153":212,"_155":181,"_156":138,"_157":213,"_159":160,"_106":214,"_100":32,"_162":174,"_164":215,"_165":22,"_166":-5,"_167":216,"_98":217},"aaa03c9c-3361-11f0-80c3-9e149126039e","app.tsx","aaa03d46-3361-11f0-80c3-9e149126039e",6,["D",1747515501592],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport { getFromLocalStorage, saveToLocalStorage } from '../shared/utils';\nimport { User } from '../shared/types';\n\n// Import components\nimport Header from './components/Header';\nimport Footer from './components/Footer';\nimport Login from './pages/Login';\nimport Register from './pages/Register';\nimport Dashboard from './pages/Dashboard';\nimport SelfDiscovery from './pages/SelfDiscovery';\nimport FocusFinder from './pages/FocusFinder';\nimport Mentorship from './pages/Mentorship';\nimport Workshops from './pages/Workshops';\nimport NinetyDayPlan from './pages/NinetyDayPlan';\n\n// Get initial data from window\ndeclare global {\n interface Window {\n __INITIAL_DATA__: any;\n }\n}\n\nconst initialData = window.__INITIAL_DATA__ || {};\n\n// Main App component\nconst App: React.FC = () => {\n // State\n const [user, setUser] = useState(getFromLocalStorage('user'));\n const [isAuthenticated, setIsAuthenticated] = useState(!!user);\n const [currentPage, setCurrentPage] = useState(isAuthenticated ? 'dashboard' : 'login');\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n \n // Effect to save user to localStorage when it changes\n useEffect(() => {\n if (user) {\n saveToLocalStorage('user', user);\n setIsAuthenticated(true);\n } else {\n setIsAuthenticated(false);\n }\n }, [user]);\n \n // Handle login\n const handleLogin = async (email: string, password: string) => {\n setLoading(true);\n setError(null);\n \n try {\n const response = await fetch('/api/auth/login', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ email, password }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setUser(data.user);\n setCurrentPage('dashboard');\n } else {\n setError(data.message || 'Login failed');\n }\n } catch (err) {\n setError('Network error. Please try again.');\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n \n // Handle register\n const handleRegister = async (name: string, email: string, password: string) => {\n setLoading(true);\n setError(null);\n \n try {\n const response = await fetch('/api/auth/register', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ name, email, password }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setUser(data.user);\n setCurrentPage('dashboard');\n } else {\n setError(data.message || 'Registration failed');\n }\n } catch (err) {\n setError('Network error. Please try again.');\n console.error(err);\n } finally {\n setLoading(false);\n }\n };\n \n // Handle logout\n const handleLogout = () => {\n setUser(null);\n saveToLocalStorage('user', null);\n setIsAuthenticated(false);\n setCurrentPage('login');\n };\n \n // Update user data\n const updateUser = (updatedUser: User) => {\n setUser(updatedUser);\n };\n \n // Render current page\n const renderPage = () => {\n switch (currentPage) {\n case 'login':\n return setCurrentPage('register')} loading={loading} error={error} />;\n case 'register':\n return setCurrentPage('login')} loading={loading} error={error} />;\n case 'dashboard':\n return ;\n case 'self-discovery':\n return ;\n case 'focus-finder':\n return ;\n case 'mentorship':\n return ;\n case 'workshops':\n return ;\n case 'ninety-day-plan':\n return ;\n default:\n return ;\n }\n };\n \n return (\n

\n \n

\n {renderPage()}\n

\n \n

\n );\n};\n\n// Render the app\nconst root = createRoot(document.getElementById('app')!);\nroot.render();",[],[99,211],{"_104":219,"_95":220,"_153":221,"_155":181,"_156":138,"_157":182,"_159":160,"_106":222,"_100":32,"_162":223,"_164":224,"_165":22,"_166":-5,"_167":225,"_98":226},"9df64c16-3361-11f0-bace-9e149126039e","index.html","9df64d88-3361-11f0-bace-9e149126039e",["D",1747515480345],"file","\n\n\n \n \n PathPulse - Lead from the Heart\n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n \n\n",[],[99,220],[99],{"_104":229,"_95":230,"_153":231,"_155":-5,"_156":138,"_157":232,"_159":160,"_106":233,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":234,"_98":252},"55570130-3361-11f0-8782-9e149126039e","shared","4febfe65-5058-4534-a29a-7bc181f95b88",2,["D",1747515358493],[235,243],{"_104":236,"_95":237,"_153":238,"_155":231,"_156":138,"_157":232,"_159":160,"_106":239,"_100":32,"_162":174,"_164":240,"_165":22,"_166":-5,"_167":241,"_98":242},"5556f71c-3361-11f0-8782-9e149126039e","types.ts","5556f7d0-3361-11f0-8782-9e149126039e",["D",1747515358493],"// User profile and authentication types\nexport interface User {\n id: string;\n email: string;\n name: string;\n createdAt: number;\n pulsePoints: number;\n completedModules: CompletedModule[];\n}\n\nexport interface CompletedModule {\n id: string;\n name: string;\n completedAt: number;\n pointsEarned: number;\n}\n\n// Self-Discovery Module types\nexport interface QuizQuestion {\n id: string;\n question: string;\n options: string[];\n}\n\nexport interface QuizResponse {\n questionId: string;\n answer: string;\n}\n\nexport interface StrengthPrompt {\n id: string;\n prompt: string;\n}\n\nexport interface StrengthResponse {\n promptId: string;\n answer: string;\n}\n\nexport interface JournalPrompt {\n id: string;\n prompt: string;\n}\n\nexport interface JournalResponse {\n promptId: string;\n answer: string;\n}\n\n// Focus Finder types\nexport interface Skill {\n id: string;\n name: string;\n description: string;\n}\n\nexport interface CareerPath {\n id: string;\n title: string;\n description: string;\n relatedSkills: string[]; // Skill IDs\n potentialRoles: string[];\n}\n\nexport interface NinetyDayPlan {\n userId: string;\n createdAt: number;\n selectedSkills: string[]; // Skill IDs\n selectedPath: string; // CareerPath ID\n planSteps: PlanStep[];\n}\n\nexport interface PlanStep {\n week: string; // e.g., \"Week 1-4\"\n activity: string;\n description: string;\n}\n\n// Mentorship types\nexport interface Mentor {\n id: string;\n name: string;\n title: string;\n bio: string;\n expertise: string[];\n imageUrl?: string;\n}\n\nexport interface MentorshipRequest {\n userId: string;\n mentorId: string;\n goal: string;\n message: string;\n createdAt: number;\n status: 'pending' | 'approved' | 'rejected';\n}\n\n// Workshop types\nexport interface Workshop {\n id: string;\n title: string;\n description: string;\n date: string;\n time: string;\n location: string;\n capacity: number;\n registeredCount: number;\n}\n\nexport interface WorkshopRSVP {\n userId: string;\n workshopId: string;\n createdAt: number;\n status: 'confirmed' | 'waitlist' | 'cancelled';\n}",[],[230,237],{"_104":244,"_95":245,"_153":246,"_155":231,"_156":138,"_157":247,"_159":160,"_106":248,"_100":32,"_162":174,"_164":249,"_165":22,"_166":-5,"_167":250,"_98":251},"5f4b0b32-3361-11f0-a9d9-9e149126039e","utils.ts","5f4b0cc2-3361-11f0-a9d9-9e149126039e",3,["D",1747515375202],"// Date formatting utilities\nexport function formatDate(date: string | number | Date): string {\n const d = new Date(date);\n return d.toLocaleDateString('en-GB', {\n day: 'numeric',\n month: 'long',\n year: 'numeric'\n });\n}\n\nexport function formatTime(date: string | number | Date): string {\n const d = new Date(date);\n return d.toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit',\n hour12: true\n });\n}\n\n// Generate a unique ID\nexport function generateId(): string {\n return Math.random().toString(36).substring(2, 15) + \n Math.random().toString(36).substring(2, 15);\n}\n\n// Simple email validation\nexport function isValidEmail(email: string): boolean {\n const re = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return re.test(email);\n}\n\n// Check if running in browser or server\nexport function isBrowser(): boolean {\n return typeof window !== 'undefined';\n}\n\n// Local storage helpers (for offline capability)\nexport function saveToLocalStorage(key: string, data: T): void {\n if (isBrowser()) {\n localStorage.setItem(key, JSON.stringify(data));\n }\n}\n\nexport function getFromLocalStorage(key: string): T | null {\n if (isBrowser()) {\n const data = localStorage.getItem(key);\n if (data) {\n try {\n return JSON.parse(data) as T;\n } catch (e) {\n console.error('Error parsing data from localStorage', e);\n return null;\n }\n }\n }\n return null;\n}\n\nexport function removeFromLocalStorage(key: string): void {\n if (isBrowser()) {\n localStorage.removeItem(key);\n }\n}\n\n// Calculate pulse points based on completed modules\nexport function calculatePulsePoints(completedModules: string[]): number {\n // Points allocation:\n // - Quiz: 10 points\n // - Strengths Assessment: 10 points\n // - Journaling: 10 points\n // - Focus Finder: 50 points\n \n let points = 0;\n \n if (completedModules.includes('personality-quiz')) points += 10;\n if (completedModules.includes('strengths-assessment')) points += 10;\n if (completedModules.includes('journaling')) points += 10;\n if (completedModules.includes('focus-finder')) points += 50;\n \n return points;\n}\n\n// Simple data sync function (to be expanded)\nexport async function syncWithServer(localData: any, endpoint: string): Promise {\n if (!isBrowser() || !navigator.onLine) return false;\n \n try {\n const response = await fetch(endpoint, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify(localData),\n });\n \n return response.ok;\n } catch (error) {\n console.error('Error syncing with server', error);\n return false;\n }\n}",[],[230,245],[230],{"_104":254,"_95":255,"_153":256,"_155":-5,"_156":138,"_157":257,"_159":160,"_106":258,"_100":32,"_162":223,"_164":259,"_165":22,"_166":-5,"_167":260,"_98":261},"4d7ba858-3361-11f0-9a6b-9e149126039e","README.md","4d7ba90c-3361-11f0-9a6b-9e149126039e",1,["D",1747515345323],"# PathPulse - Lead from the Heart\n\nA web-based prototype for PathPulse, a mobile app designed to help university students and recent graduates in Cameroon overcome indecision and align their multi-talented skills with career and entrepreneurial paths.\n\n## Project Overview\n\nPathPulse is an MVP for Lead from the Heart (LfH), a Cameroon-based organization empowering heart-centered leadership. The app targets 5,000 university students/recent graduates (18–25 years old) in Buea, Cameroon.\n\n### Key Features\n\n1. **Self-Discovery Modules**\n - Personality Quiz\n - Strengths Assessment\n - Journaling\n\n2. **Focus Finder Framework**\n - Map Talents\n - Explore Possibilities\n - 90-day Plan Generation\n\n3. **Mentorship Marketplace**\n - Browse mentor profiles\n - Request connection\n\n4. **Progress Tracking/Gamification**\n - Earn \"Pulse Points\"\n - Track completed tasks\n\n5. **Community Workshops**\n - View upcoming events\n - RSVP for workshops\n\n## Technical Implementation\n\nThis prototype is built using:\n- Frontend: HTML, CSS (TailwindCSS), and TypeScript\n- Backend: Val Town HTTP API\n- Storage: Val Town blob storage\n\n## Project Structure\n\n```\n├── backend/\n│ ├── index.ts # Main API entry point\n│ ├── auth.ts # Authentication functions\n│ ├── storage.ts # Data storage functions\n│ └── routes/ # API route handlers\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── app.tsx # Main application component\n│ ├── components/ # UI components\n│ ├── pages/ # Page components\n│ └── styles.css # Custom styles\n└── shared/\n ├── types.ts # Shared TypeScript types\n └── utils.ts # Shared utility functions\n```\n\n## Development Notes\n\n- Mobile-first design optimized for low-end Android devices\n- Offline-capable with local storage\n- Culturally relevant UI/UX for Cameroon context",[],[255],"files",[150,169,179,185,192,200,209,218,228,235,243,253],"counts",{"_266":32,"_267":257,"_268":32,"_269":32},"pulls","branches","forks","envVars","contents",[272,275,278],{"_104":186,"_95":187,"_153":188,"_155":181,"_156":138,"_157":189,"_159":160,"_106":273,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":274},["D",1747515529822],[99,187],{"_104":210,"_95":211,"_153":212,"_155":181,"_156":138,"_157":213,"_159":160,"_106":276,"_100":32,"_162":174,"_164":215,"_165":22,"_166":-5,"_98":277},["D",1747515501592],[99,211],{"_104":219,"_95":220,"_153":221,"_155":181,"_156":138,"_157":182,"_159":160,"_106":279,"_100":32,"_162":223,"_164":224,"_165":22,"_166":-5,"_98":280},["D",1747515480345],[99,220],{"_104":180,"_95":99,"_153":181,"_155":-5,"_156":138,"_157":182,"_159":160,"_106":282,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":283},["D",1747515480345],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":292,"_148":297,"_262":334,"_223":335,"_270":337,"_344":-5,"_345":22,"_346":-5,"_347":-5,"_348":-5,"_349":350},{"_104":105,"_95":96,"_106":293,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":294,"_132":295,"_135":296,"_147":22},["D",1747515187319],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[298,304,322,331],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":299,"_98":303},[300],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":158,"_159":22,"_106":173,"_100":32,"_162":174,"_164":175,"_165":22,"_166":-5,"_167":301,"_98":302},[],[152,171],[152],{"_104":180,"_95":99,"_153":181,"_155":-5,"_156":138,"_157":182,"_159":160,"_106":183,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":305,"_98":321},[306,315,318],{"_104":186,"_95":187,"_153":188,"_155":181,"_156":138,"_157":189,"_159":160,"_106":190,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":307,"_98":314},[308,311],{"_104":193,"_95":194,"_153":195,"_155":188,"_156":138,"_157":101,"_159":160,"_106":196,"_100":32,"_162":174,"_164":197,"_165":22,"_166":-5,"_167":309,"_98":310},[],[99,187,194],{"_104":201,"_95":202,"_153":203,"_155":188,"_156":138,"_157":189,"_159":160,"_106":204,"_100":32,"_162":174,"_164":205,"_165":22,"_166":-5,"_167":312,"_98":313},[],[99,187,202],[99,187],{"_104":210,"_95":211,"_153":212,"_155":181,"_156":138,"_157":213,"_159":160,"_106":214,"_100":32,"_162":174,"_164":215,"_165":22,"_166":-5,"_167":316,"_98":317},[],[99,211],{"_104":219,"_95":220,"_153":221,"_155":181,"_156":138,"_157":182,"_159":160,"_106":222,"_100":32,"_162":223,"_164":224,"_165":22,"_166":-5,"_167":319,"_98":320},[],[99,220],[99],{"_104":229,"_95":230,"_153":231,"_155":-5,"_156":138,"_157":232,"_159":160,"_106":233,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":323,"_98":330},[324,327],{"_104":236,"_95":237,"_153":238,"_155":231,"_156":138,"_157":232,"_159":160,"_106":239,"_100":32,"_162":174,"_164":240,"_165":22,"_166":-5,"_167":325,"_98":326},[],[230,237],{"_104":244,"_95":245,"_153":246,"_155":231,"_156":138,"_157":247,"_159":160,"_106":248,"_100":32,"_162":174,"_164":249,"_165":22,"_166":-5,"_167":328,"_98":329},[],[230,245],[230],{"_104":254,"_95":255,"_153":256,"_155":-5,"_156":138,"_157":257,"_159":160,"_106":258,"_100":32,"_162":223,"_164":259,"_165":22,"_166":-5,"_167":332,"_98":333},[],[255],[298,300,304,306,308,311,315,318,322,324,327,331],{"_104":180,"_95":99,"_153":181,"_155":-5,"_156":138,"_157":182,"_159":160,"_106":282,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":336},[99],[338,340,342],{"_104":186,"_95":187,"_153":188,"_155":181,"_156":138,"_157":189,"_159":160,"_106":273,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_98":339},[99,187],{"_104":210,"_95":211,"_153":212,"_155":181,"_156":138,"_157":213,"_159":160,"_106":276,"_100":32,"_162":174,"_164":215,"_165":22,"_166":-5,"_98":341},[99,211],{"_104":219,"_95":220,"_153":221,"_155":181,"_156":138,"_157":182,"_159":160,"_106":279,"_100":32,"_162":223,"_164":224,"_165":22,"_166":-5,"_98":343},[99,220],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"actionData","errors"]