A premium, high-performance coaching website and alignment platform designed by Michael Zick and built using AI-Driven Development. This project showcases a modern approach to software engineering, blending strategic product management, user-centric design, and cutting-edge development workflows.
This platform serves as the digital home for Michael Zick's "Reality Alignment" coaching. It is designed to be as direct and effective as his coaching style—no fluff, just results.
- Reality Alignment Questionnaire: A multi-step diagnostic tool that uses AI (OpenAI GPT-4o-mini / GPT-5-mini) to analyze user struggles and provide personalized coaching insights.
- Dynamic Content Platform: A full-featured blog ecosystem with category filtering and tag-based navigation.
- Integrated Conversion Funnels: Seamless booking integration via Calendly and a custom-built contact system.
- Automated Insights: Questionnaire results are automatically analyzed by AI and securely routed to Michael for lead generation and client onboarding.
Built with a focus on speed, accessibility, and maintainability.
- Framework: Next.js (App Router) for superior performance and SEO.
- Language: TypeScript ensuring 100% type safety across the application.
- Styling: Tailwind CSS for a bespoke, responsive design system.
- AI Integration: OpenAI API powering the "Reality Alignment" diagnostic engine.
- Infrastructure: Brevo SMTP for reliable transactional email delivery.
The site is engineered for data-driven growth, featuring a unified analytics implementation:
- Google Analytics 4 (GA4): Tracking high-level traffic patterns and user acquisition.
- Amplitude: Deep event-level tracking to analyze user behavior within the questionnaire and conversion funnels.
- Custom Event Engine: A centralized
analytics.tslibrary ensures consistent event schema across GA4 and Amplitude, tracking everything from CTA clicks to questionnaire completions.
This project represents the cutting edge of modern development. Michael Zick served as the Product Manager and Lead Designer, while the application was built using advanced AI-driven workflows. This allowed for:
- Rapid Prototyping: Moving from concept to a functional AI-powered questionnaire in record time.
- Clean Architecture: Ensuring robust code quality and type-safety through AI-assisted refactoring.
- UX Precision: Iterating on design systems and spacing to match Michael's exacting standards for a premium brand experience.
# Install dependencies
npm install
# Run development server
npm run dev
# Build for production
npm run build
# Run the unit test suite
npm testThe contact form uses classic Invisible reCAPTCHA v2, not reCAPTCHA Enterprise.
- Browser token generation uses
NEXT_PUBLIC_RECAPTCHA_SITE_KEY_V2. - Server-side verification uses
RECAPTCHA_SECRET_KEY_V2and Googlesiteverify. - This setup does not use Google Cloud ADC,
gcloud auth application-default login, service accounts, or reCAPTCHA Enterprise client libraries.
Required local and deployment environment variables:
NEXT_PUBLIC_RECAPTCHA_SITE_KEY_V2=your_invisible_v2_site_key
RECAPTCHA_SECRET_KEY_V2=your_invisible_v2_secret_keyIn the Google reCAPTCHA admin console, make sure the key is an Invisible v2 key and the allowed domains include every origin that can submit the contact form:
localhost- the production domain
- any preview or staging domains used for real submissions
If the contact form fails CAPTCHA verification, check the key type and domain allowlist before changing any Google Cloud authentication settings.
The repository now includes:
CI: runsnpm ci, lint, tests, and a production build on every pull request and on pushes tomain.Deploy: deploys themainbranch to Vercel from GitHub Actions once these repository secrets are configured:VERCEL_TOKENVERCEL_ORG_IDVERCEL_PROJECT_ID
The deploy workflow is intentionally gated by those secrets, so it stays inert until the Vercel project is linked.
Designed and Directed by Michael Zick.