Saad Faisal
  • Home
  • About
  • Projects
  • Experience
  • Skills
  • Contact
Back to Projects
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.

Reactive Meals
Live DemoView Code

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.

Interested in this project?

Check out the live demo or explore the source code.

Live DemoGitHub
View All Projects
Want similar delivery?Schedule a Call

Built by M. Saad Faisal

·