DevfestManager

Code scaffolding

src/
├── app/
│   ├── features/
│   │   ├── admin/
│   │   │   └── create-event.ts      <-- Class CreateEvent
│   │   └── events/
│   │       ├── event-card.ts        <-- Class EventCard
│   │       ├── event-details.ts     <-- Class EventDetails
│   │       └── event-list.ts        <-- Class EventList
│   ├── layout/
│   │   └── header.ts                <-- Class Header
│   ├── models/
│   │   └── event.ts                 <-- Interface DevFestEvent
│   ├── app.config.ts
│   ├── app.routes.ts
│   └── app.ts                       <-- Class App
├── main.ts
├── styles.css                      <-- Tailwind v4 @theme
└── index.html

📚 Instructions

You can find the step-by-step instructions for this workshop in the instructions folder.

Day 1

• Module 1: The Signal-Powered Component Model
• Module 2: Declarative Data Fetching
• Module 3: Modern Routing
• Module 4: The Signal Forms API
• Module 5: Shared State & Dependency Injection

Day 2

• Module 1: Next-Gen Rendering & Performance
• Module 2: Advanced UI Patterns & DI
• Module 3: RxJS Concurrency & Error Patterns
• Module 4: Enterprise State (SignalStore)
• Module 5: Quality Assurance & Testing (Vitest Edition)