Commerce state exploration
Delta Foods
A responsive commerce application created to explore centralized state, product presentation, and cart-oriented user flows.
- Project type
- Independent build
- Role
- Frontend developer
- Focus
- Commerce UI and application state
The Delta Foods responsive commerce landing experience.
Overview
What I set out to build
Delta Foods is a single-page commerce experience centered on browsing products and maintaining application state across the customer journey. It was an early opportunity to connect reusable React UI with Redux and persisted data.
Challenge
The product problem
Commerce interfaces need product, cart, and user interactions to remain synchronized while the layout adapts across devices. The project needed a clear way to coordinate those changes without coupling every component together.
Approach
How I approached it
I used Redux to centralize shared commerce state, React to compose the responsive interface, and Firebase for persisted application data. Product and cart interactions were kept distinct but connected through the shared store.
Delivered
Core experience
- Responsive product browsing experience
- Centralized cart and interface state
- Reusable product presentation components
- Persisted data integration through Firebase
Technical decisions
Implementation choices
- 01Used Redux for application state shared across product and cart experiences.
- 02Separated presentation components from state-driven behavior to keep responsibilities clearer.
- 03Designed the single-page layout to remain usable across mobile and desktop widths.
Technologies
- React
- Redux
- Firebase
- Netlify
Explore the project
See the working application
The live demo opens in a new tab. Some third-party data or services may depend on their current availability.