D8RKMATTER

Tacorrido

Status: In progress
View source

Project Spec

TASK: Build a Shopify-powered, self-service kiosk for a local taqueria. This customer-facing app should:

  • Allow easy ordering of standard menu items
  • Allow building custom tacos with in-stock restaurant ingredients
  • Use Shopify data for collections names, products information, images, and prices
  • Automatic inactive session reset after idle time
  • Interface with Shopify Checkout for completing order

Scope of work

An existing Shopify store backend will be connected to the web app build process. I will leverage the headless Shopify Hydrogen framework, using React 18's Streaming SSR features for an experience that is performant, efficient, and resilient.

Tech stack:
  • Shopify Headless API for our e-commerce backend (hosted by Shopify)
  • Shopify Hydrogen framework (deployed on cloud host)
  • React 18


Basic user flow:
User journey flow diagram
User journey flow diagram

Development stages


  1. Approve screen designs and UI behavior
  2. Strategize application data flow and state management
  3. Create app views
  4. Create and test behavior and Shopify API calls
  5. Usability / end-user testing (prepare for launch & delivery)
  6. Final delivery

Progress

Initial design stage is complete. Development is in progress