Team Project: Parcel Shipment Management Platform

Build a complete parcel shipment management system as a 3-person team. Each member owns a vertical slice (UI → Logic → Data) of the platform: Shipment Creation, Package Tracking, or Customer Portal. Collaborate to integrate 10+ design patterns into a cohesive logistics application.

Course Content

Phase 1: Team Setup, Architecture & Integration Planning

Form your team, set up the shared codebase, design the overall architecture, and plan integration points between vertical slices. Establish team workflows and communication protocols.

300m

1Phase 1: Team Setup, Architecture & Integration Planninglesson45m

Phase 2: Vertical Slice 1 - Shipment Creation & Carrier Management (Person 1)

Build the shipment creation workflow with multi-step forms, implement carrier selection using Factory and Strategy patterns, apply Chain of Responsibility for address validation, and use Builder pattern for complex shipment objects.

480m

1Phase 2: Shipment Creation & Carrier Managementlesson60m

Phase 3: Vertical Slice 2 - Package Tracking & Status Management (Person 2)

Build the package tracking system with State pattern for status transitions, Observer pattern for notifications, Memento pattern for status history, and Command pattern for exception handling actions.

480m

1Phase 3: Package Tracking & Status Managementlesson60m

Phase 4: Vertical Slice 3 - Customer Portal & Notifications (Person 3)

Build the customer-facing portal with Observer pattern for notifications, Template Method for notification templates, Mediator pattern for notification routing, and Facade pattern for order management. Create analytics dashboard with React Query and Recharts.

480m

1Phase 4: Customer Portal & Notificationslesson60m

Phase 5: Integration, Shared Infrastructure & Testing

Integrate all vertical slices, build shared UI components, implement comprehensive testing strategy, resolve integration issues, and ensure all event-driven communication works correctly.

360m

1Phase 5: Integration, Shared Infrastructure & Testinglesson45m

Phase 6: Demo, Documentation & Deployment

Create team demo presentation showcasing all features, write comprehensive documentation, deploy the application to production, and prepare final project submission with individual and team evaluations.

300m

1Phase 6: Demo, Documentation & Deploymentlesson40m

What you'll learn

Form team and assign vertical slices (Person 1: Shipment, Person 2: Tracking, Person 3: Portal)
Set up monorepo with shared types and component library
Design system architecture with clear boundaries
Define integration contracts between team members
Establish Git workflow and collaboration practices
Create shared type definitions and interfaces

Prerequisites

• javascript-es6-foundations
• react-19-mastery
• typescript-design-patterns