Personal Practice2023
Reactive Meals
Food ordering app managing complex cart state using only React's built-in hooks — useContext and useReducer. No external state libraries.

Overview
A deliberate exercise in state management without Redux. This food ordering app handles everything a cart needs — add items, update quantities, calculate totals — using only useContext and useReducer. The goal was understanding when you actually need a state library versus when React's built-in tools are enough. Spoiler: they're often enough.
Role
Independent builder using the project to test architecture and product execution quality.
Scope
Delivered complete workflows with attention to usability, performance, and clean implementation.
Technologies
React.jsuseContextuseReducerCSS
Key Learnings
- React Hooks patterns
- Context API for state management
- useReducer for complex state
Challenges & Solutions
- Designing a scalable reducer structure for cart operations (add, remove, update quantity)
- Preventing context re-renders from affecting unrelated components
- Managing complex state transitions without introducing bugs
Business Impact
- Improved delivery quality through react Hooks patterns.
- Improved delivery quality through context API for state management.
- Improved delivery quality through useReducer for complex state.
Outcome
- Shipped Reactive Meals as a complete, usable product experience.
- Strengthened reliability and maintainability through real implementation constraints.
- Created a reusable foundation for future iteration and feature expansion.
Want similar delivery?Schedule a Call