Burger Builder
Interactive burger-builder — a state-management case study
- Redux reducers
- 12
- Container screens
- 6
- Mobile layout parity
- 100%
The Problem
A deliberately over-engineered learning project to master Redux, Firebase auth, and containerized state updates — with a UI users would actually tolerate touching.
Stack
- React
- Redux
- Firebase Auth
- Firebase Realtime DB
- axios
- CSS Modules
What I Shipped
- Drag-free ingredient composer with per-ingredient live price updates.
- Order persistence via Firebase with real-time user-scoped history.
- Redux middleware for optimistic UI + error rollback.
- Responsive layout from 320 px to 4K.
Lessons Learned
Redux shines when state flows in many directions; on a project with a single unidirectional mutation path, it's overkill. Great for practicing patterns; I'd now reach for React's `useReducer` on a real product of this shape.