A premium, high-performance web application for exploring and generating Human Design charts. Built with the latest Angular 21 and AnalogJS, this portal offers a seamless, reactive experience for discovering your inner design.

• Interactive Bodygraphs: Beautiful, responsive SVG charts that visualize your unique Human Design centers, channels, and gates.
• PDF Report Exports: Generate and download professional-grade PDF reports of your Human Design analysis with a single click.
• SSR Performance: Powered by AnalogJS for lightning-fast server-side rendering and SEO optimization.
• Modern Aesthetics: Built with Tailwind CSS v4, featuring a sleek dark-mode UI, glassmorphism, and smooth micro-animations.
• Deep Insights: Real-time integration with the Human Design Engine backend for precise astrological data.

• Framework: AnalogJS (Angular Meta-framework)
• Styling: Tailwind CSS v4
• Visualization: Interactive SVG Engine
• Export: jspdf & html2canvas for high-fidelity report generation
• Build Tool: Vite
• Testing: Vitest

• Node.js >= 20.19.1
• npm

1. Clone the repository.
2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:5173/ in your browser.

• src/app/pages: File-based routing powered by AnalogJS.
• src/app/components: Reusable UI components (Bodygraph, Charts, Reports).
• public/assets: Static resources and SVG templates.
• styles.css: Tailwind v4 configuration and global styles.

Designed for self-awareness. Engineered for performance.