SelfLink Frontend

Serene React SPA implementing the SelfLink sanctuary experience described in selflink-frontend-blueprint.txt.

Getting Started

1. Install dependencies:

   npm install

2. Create an .env file (optional) with the API base URL expected by the backend:

   echo "VITE_API_BASE_URL=https://api.selflink.com" > .env

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

Backend Integration

• All API calls are rooted at VITE_API_BASE_URL and expect the following endpoints:
  • POST /api/v1/auth/login & POST /api/v1/auth/register
  • GET /api/v1/users/me
  • GET /api/v1/home/highlights
  • GET /api/v1/matches
  • GET /api/v1/growth-path
  • GET /api/v1/courses
  • POST /api/v1/mentor/chat
• The Axios client automatically attaches the persisted JWT from zustand and refreshes tokens via POST /api/v1/auth/refresh.
• After authenticating, user info is cached through React Query (queryKeys.me) for reactive UI consumption.

Key Features

• Aurora-inspired design system with breathing mode and time-of-day themes.
• React Router page structure: Home, Register, SoulMatch, Mentor, Growth Path, Courses.
• Matrix background canvas animation with reduced-motion support.
• Zustand + React Query for lightweight state and API management (JWT + refresh cycle).
• Mentor chat interface with optimistic user messaging and graceful fallbacks.

Refer to the blueprint for the broader product vision and future expansion ideas.