Sentry Build Ai Workshop

Sentry Academy Workshop Application

A full-stack web application built for hands-on debugging workshops that demonstrate realistic SSO authentication and search functionality failures using Sentry monitoring and distributed tracing.

📚 Application Overview

The Sentry Academy Application is an educational platform that simulates a course management system with user authentication, course browsing, and search functionality. It's specifically designed to showcase common real-world debugging scenarios where frontend and backend teams have miscommunications about API contracts.

Key Features

• SSO Authentication - Google, Microsoft, and Okta login integration
• Course Management - Browse courses with categories, levels, and detailed content
• Search Functionality - Search courses with filtering capabilities
• User Profiles - Student, instructor, and admin role management
• Progress Tracking - Lesson completion and enrollment tracking
• Monitoring & Observability - Comprehensive Sentry integration for error tracking

Workshop Scenarios

1. JWT Authentication Debugging - SSO login failures due to missing login signatures
2. Search Functionality Debugging - API parameter mismatches with distributed tracing

🏗️ Architecture

This is a **pnpm monorepo** with two main applications:

├── apps/
│   ├── frontend/          # React + Vite frontend application
│   └── server/            # Node.js + Express backend server
├── scripts/               # Shared utility scripts
├── workshop.md            # Detailed workshop instructions
├── pnpm-workspace.yaml    # pnpm workspace configuration
└── package.json           # Root workspace package.json

Frontend Application (`apps/frontend/`)

• Framework: React 19.1.0 with TypeScript and Vite
• Styling: Tailwind CSS 4.1.8
• Routing: React Router DOM 7.6.2
• State Management: React contexts (AuthContext, UserStateContext)
• Monitoring: Sentry React SDK for