Full Stack Production Build
Connect frontend, API, authentication, data persistence, search, and containerisation into one production-relatable application.
Production project
Production Issue Tracker
An engineering team needs a lightweight internal issue tracker with authenticated users, searchable incidents, ownership, and status transitions.
Who this is for
- •Frontend developers who want end-to-end product ownership
- •Backend developers who want to understand the browser-to-database path
How this helps
- •You can reason about an application across UI, API, and data layers
- •You gain a portfolio project with realistic product states
What you will learn
The capabilities, not just the keywords.
- •Connect a React user flow to a backend API
- •Handle loading, error, and authenticated states
- •Model a small relational data workflow
- •Add filtering and search
- •Containerise the application boundary
Real production project
Production Issue Tracker
An engineering team needs a lightweight internal issue tracker with authenticated users, searchable incidents, ownership, and status transitions.
What we build
- •Issue list and detail UI
- •API integration
- •auth-aware states
- •search and filters
- •database-backed workflow
- •containerised local setup
Stack
- •React
- •REST API
- •PostgreSQL
- •Docker
Production concerns
- •Auth boundaries
- •API failure UX
- •pagination/search
- •data modelling
- •environment configuration
Finished deliverables
- •Working vertical slice
- •architecture diagram
- •container setup
- •GitHub-ready project structure
Prerequisites
Required
- •Basic React knowledge
- •Basic REST API understanding
Helpful, but optional
- •SQL basics
- •Docker basics
Before the session
Come ready to build.
- •Node.js LTS
- •Git
- •Docker Desktop
- •Code editor
What to expect
What you get
Something useful after the call ends.
- •Source code
- •architecture diagram
- •implementation checklist
- •next feature roadmap
Where to go next
Frontend → Full Stack → Production Platform Engineering
Every session can be booked independently. If you already know the prerequisite material, skip ahead.
Useful before this
No earlier session is mandatory.
Teaching proof
Review the evidence first.
See workshop delivery, technical projects, and teaching proof before booking.
Ready?
Request FS07: Full Stack Production Build
Share your current level and what you want to build. The session can be adapted without changing its core outcome.
Request this sessionFAQ
Can I book only this session?
Yes. Every session is designed to work independently.
Can I bring my own project?
Yes, when it fits the session outcome. We can map the concepts onto your project instead of the default example.
What if I already know part of the topic?
We can move faster through familiar material and spend more time on implementation, failure modes, and production trade-offs.
Is the session recorded?
Recording is not promised by default. Confirm this before the session if you need it.
What should I install?
The preparation section above lists the default setup. You will receive any session-specific setup notes before the call.
Are API or cloud charges included?
No. Any third-party API or cloud usage is paid directly through your own account unless explicitly agreed otherwise.