📑 Documentation Index
MacPro Mako Documentation Index
Welcome to the MacPro Mako documentation! This guide will help you understand the codebase and get started with development.
📚 Documentation Files
🏁 Start Here
- README - Comprehensive overview of the codebase, architecture, and setup instructions
- Quick Reference - Essential commands, concepts, and quick lookup information
- Setup Checklist - Step-by-step setup checklist for local and AWS deployment
- Code Structure & Technology Analysis - In-depth analysis of the code structure, technology stack, and architecture
🚀 Quick Start Guide
For New Developers
- Read the Overview: Start with README to understand the project architecture and technology stack
- Follow the Setup: Use Setup Checklist to set up your development environment
- Keep the Reference Handy: Use Quick Reference for daily development tasks
- Deep Dive: See Code Structure & Technology Analysis for a detailed breakdown of the codebase
For Experienced Developers
- Skip to Quick Reference: Use Quick Reference for immediate command lookup
- Review Architecture: Check README for architecture details
- Verify Setup: Use Setup Checklist to ensure everything is configured correctly
- Explore Structure: See Code Structure & Technology Analysis for advanced structure and technology analysis
📖 Documentation Sections
📄 Section Descriptions
Documentation Index
A navigation guide to all major documentation files and resources.
Quick Reference
A cheat sheet of essential commands, concepts, and file locations for daily development.
README
A comprehensive overview of the project, including architecture, setup, and workflow.
Setup Checklist
A step-by-step checklist for setting up your local and AWS environments.
Code Structure & Technology Analysis
A deep dive into the codebase structure, technology stack, and architectural patterns.
🏆 What You'll Learn
Technology Stack
- Frontend: React 18, TypeScript, Vite, Tailwind CSS
- Backend: AWS Lambda, API Gateway, OpenSearch
- Infrastructure: AWS CDK, CloudFormation
- DevOps: Bun, Turbo, Vitest, Playwright
Key Concepts
- Monorepo Architecture: Multiple projects in one repository
- Infrastructure as Code: AWS resources defined in TypeScript
- Serverless Architecture: No server management required
- Type Safety: Full TypeScript coverage
- Feature Flags: LaunchDarkly integration
🛠️ Common Tasks
Development
# Start development
bun run bun:dev
# Run tests
bun run test
# Deploy to AWS
cdk deploy -c stage=local
Troubleshooting
- Check Setup Checklist for common issues
- Review Quick Reference for commands
- See README for detailed explanations
📖 Documentation Structure
docout/
├── INDEX.md # This file - navigation guide
├── README.md # Comprehensive documentation
├── QUICK_REFERENCE.md # Essential commands & concepts
└── SETUP_CHECKLIST.md # Step-by-step setup guide
🔗 External Resources
Official Documentation
Project Resources
- GitHub Repository: Enterprise-CMCS/macpro-mako
- AWS Console: https://console.aws.amazon.com/
🤝 Getting Help
Before Asking for Help
- Check this documentation
- Review the troubleshooting sections
- Search existing GitHub issues
- Check AWS CDK and React documentation
When You Need Help
- Provide specific error messages
- Include your environment details
- Share relevant code snippets
- Mention which documentation you've already checked
📝 Contributing to Documentation
If you find issues or want to improve this documentation:
- Update the relevant file in the
docout/directory - Test your changes by following the setup instructions
- Submit a pull request with clear descriptions
- Update this index if you add new files
🎉 Welcome to MacPro Mako!
You're now ready to start developing with MacPro Mako. The documentation is designed to help you:
- Understand the codebase architecture
- Set up your development environment quickly
- Deploy to AWS with confidence
- Troubleshoot common issues
- Contribute effectively to the project
Happy coding! 🚀
Last updated: [Current Date] Documentation version: 1.1
⚡ Quick Reference
Quick Reference Guide - MacPro Mako
Essential Technologies & Concepts
🚀 Core Technologies
| Technology | Purpose | Key Files |
|---|---|---|
| TypeScript | Type-safe JavaScript | tsconfig.json, *.ts, *.tsx |
| React 18 | Frontend UI framework | react-app/src/ |
| AWS CDK | Infrastructure as Code | lib/stacks/, bin/app.ts |
| AWS Lambda | Serverless functions | lib/lambda/ |
| Bun | Package manager & runtime | bunfig.toml, package.json |
| Vite | Build tool & dev server | react-app/vite.config.ts |
📖 README
MacPro Mako - Codebase Analysis & Setup Guide
Table of Contents
🛠️ Setup Checklist
Setup Checklist - MacPro Mako
🏠 Local Development Setup
Prerequisites Installation
-
Node.js (v18 or higher)
node --version # Should show v18.x.x or higher
🧩 Code Structure & Technology Analysis
MacPro Mako - Code Structure & Technology Analysis
🏗️ Overall Architecture
MacPro Mako is a full-stack government healthcare application built with modern cloud-native technologies. It follows a monorepo architecture with clear separation between frontend, backend, and infrastructure components.
TypeScript + Vite] --> B[Components
Radix UI + Tailwind] A --> C[Features
Dashboard, Forms, Auth] A --> D[State Management
React Query + Hook Form] end subgraph "☁️ Backend Layer" E[API Gateway
REST Endpoints] --> F[Lambda Functions
Serverless Compute] F --> G[Business Logic
Form Processing] F --> H[Data Access
OpenSearch + S3] end subgraph "🔧 Infrastructure Layer" I[AWS CDK
Infrastructure as Code] --> J[CloudFormation
Resource Provisioning] J --> K[VPC + Security
Network Isolation] J --> L[Authentication
Cognito + IAM] end A -.->|HTTP Requests| E F -.->|Data Operations| H I -.->|Deploys| J classDef frontend fill:#e1f5fe,stroke:#01579b,stroke-width:2px classDef backend fill:#f3e5f5,stroke:#4a148c,stroke-width:2px classDef infra fill:#e8f5e8,stroke:#1b5e20,stroke-width:2px class A,B,C,D frontend class E,F,G,H backend class I,J,K,L infra