PathPulse Frontend

This directory contains the frontend code for the PathPulse MVP.

Files

  • index.html: Main HTML file containing the entire React application
  • service-worker.js: Service worker for offline functionality

Implementation Details

The frontend is built using React (via CDN) and styled with Tailwind CSS (via CDN). All components are contained within the index.html file for simplicity and faster loading.

Key features:

  • Responsive design optimized for mobile devices
  • Offline functionality via service worker
  • Local storage for data persistence
  • React Router for navigation
  • Context API for state management

Components

  • App: Main component with routing and context provider
  • Header: Navigation header with mobile menu
  • Footer: Footer with links and view source
  • Home: Landing page with introduction and feature cards
  • Quiz: 10-question personality quiz
  • Strengths: 3-prompt strengths assessment
  • Journal: Single-prompt journaling exercise
  • FocusFinder: Skill selection and 90-day plan generator
  • Mentorship: Display of mentor profiles with WhatsApp link
  • Dashboard: Progress tracking and next steps
  • Events: Upcoming events with RSVP functionality