BACK TO ALL PROJECTS
LIVE IN PRODUCTION
03/ CASE STUDY // 03

AFH BLUEPRINT — Learning & Compliance SaaS

Educational and compliance SaaS platform combining guided training, regulatory resources, AI-assisted support, subscription access, and role-based management for Adult Family Home operators.

ROLE & FOCUSFrontend-Focused Full-Stack Developer
PROJECT TYPEEnterprise Web Application
STATUSLIVE IN PRODUCTION
01 / Case Study Overview

Learning & Compliance SaaS Platform

AFH Blueprint is a specialized learning and compliance platform designed for Adult Family Home operators, caregivers, and prospective owners.

The product organizes training, regulatory resources, operational guidance, AI-assisted support, and membership access into a unified SaaS experience.

02 / The Challenge

Fragmented Adult Family Home Workflows

Adult Family Home operators must navigate complex state regulations, licensing requirements, caregiver training, resident rights, medication procedures, and ongoing operational compliance.

These processes are often fragmented across physical documents, government portals, and manual workflows. AFH Blueprint brings these requirements into a structured, digital SaaS environment.

03 / My Contribution

Frontend-Focused Full-Stack SaaS Architecture

Designed and built the frontend SaaS architecture using Next.js, TypeScript, Redux Toolkit, RTK Query, and Tailwind CSS.

Implemented role-aware navigation layouts, structured course discovery grids, video lesson interfaces with contextual Amaya AI assistance, member workspace dashboards, and administrative management tools.

04 / Core Workflow

End-to-End Educational & Compliance Lifecycle

01COURSE DISCOVERY
02STRUCTURED LESSONS
03AMAYA AI GUIDANCE
04RESOURCE ACCESS
05MEMBER WORKSPACE
06ADMIN MANAGEMENT
FIG 02 // STRUCTURED TRAINING & COURSE CATALOG LIBRARY
FIG 02 // STRUCTURED TRAINING & COURSE CATALOG LIBRARY
05 / Key Capabilities

Platform Functionality

01

GUIDED TRAINING & COURSE LIBRARY

Structured educational pathways organizing licensing, care standards, fire safety, and operational training into searchable categories.

02

VIDEO LESSON PLAYER & PROGRESSION

Focused learning experience combining video lessons, key takeaways, action items, course navigation, and contextual AI support.

03

CONTEXTUAL AI GUIDANCE (AMAYA)

AI-assisted informational guidance helping users navigate Adult Family Home topics and discover relevant educational resources.

04

MEMBER LEARNING WORKSPACE

Personalized user dashboard tracking enrolled courses, learning progress, recent activity, downloaded resources, and AI assistant interactions.

05

ADMINISTRATIVE PLATFORM MANAGEMENT

Operational dashboard enabling administrators to manage users, courses, billing plans, resources, analytics, and platform metrics.

06

SAAS MEMBERSHIP & SUBSCRIPTION UX

Transparent membership access presentation with monthly and annual plan options, feature comparisons, and trial messaging.

06 / SaaS Platform Pipeline

Learning & Compliance Product Ecosystem

AFH Blueprint connects marketing discovery, structured training pathways, video lesson players, contextual Amaya AI assistance, member workspaces, and administrative management into a unified SaaS application.

01 DISCOVER
Homepage merchandising & training catalog discovery
02 LEARN
Video lesson player with key takeaways & action items
03 ASSIST
Contextual Amaya AI guidance for regulatory questions
04 TRACK
Member workspace dashboard tracking learning progress
05 MANAGE
Admin management for courses, users & platform analytics
FIG 03 // SAAS MEMBERSHIP & SUBSCRIPTION PLANS
FIG 03 // SAAS MEMBERSHIP & SUBSCRIPTION PLANS
07 / Operational Overview

Administrative Platform & Analytics Dashboard

The administrative dashboard gives platform operators full visibility into active subscribers, enrollment metrics, top-performing courses, user accounts, and platform analytics.

08 / Catalog & Operations

Course & Resource Management

Course and resource management interfaces allow platform managers to create, update, organize, and publish educational modules, downloadable templates, and compliance materials.

09 / Sales & Reporting

Membership & Subscription Experience

Membership and pricing interfaces communicate platform tiers through clear monthly and annual billing presentation, feature visibility, and conversion-focused calls to action.

10 / System Architecture

Role-Based Application Structure

Role-aware layout and route structure cleanly separates marketing exploration, member learning workspaces, and administrative tools while maintaining a cohesive design system.

System Settings & Role Permissions
FIG 04 // INTERACTIVE VIDEO LESSON PLAYER & AMAYA AI
11 / Technology Stack
Next.jsTypeScriptRedux ToolkitRTK QueryTailwind CSSFramer MotionRole-Based Access ControlREST API Integration
12 / Engineering Focus
Next.js App Router architecture
TypeScript contract enforcement
Redux Toolkit & RTK Query state management
Tailwind CSS semantic design token system
Framer Motion transition system
Role-aware access control & navigation
Contextual AI integration UI
Responsive sidebar & content layouts
13 / Product Scope
0 ROLES
PUBLIC / USER / ADMIN
0SAAS PLATFORM
EDTECH + COMPLIANCE + AI
0.0NEXT.JS + RTK
TYPESCRIPT ARCHITECTURE
14 / Project Links

Interested in a similar system?

Let's build dynamic data applications with performance and craft.

AFH BLUEPRINT — Case Study