Espresso App

Espresso App

Coffee shop mobile app
Last updated on May 14, 2023
Framework7Framework7
PWAPWA
Preview
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

Espresso App

Espresso App is a full-featured coffee shop app.

Features

  • Products catalog with filter by categories
  • Ability to add products to cart
  • Dynamically calculated cart
  • Supports both dark and light modes (auto-detection based on system preferences).
  • Supports both iOS and MD (Material Design) themes
  • Progressive Web App (PWA), app can be installed to the home screen, and uses service workers to cache all static assets.
  • State management with Framework7 built-in Store.
  • There are following screens (views) available:
    • Onboarding. Intro overlay to onboard new users.
    • Home (Catalog). Main page with filter and catalog items.
    • Product Details. Page with detailed information about product (coffeee), including:
      • image
      • title
      • price
      • ingredients
      • description
    • Cart (Order). Page with items added to cart and form to place and pay the order

Package

In the package you will find:

  • fully functional project created with Framework7 CLI (with Vite), with Framework7 Core version
  • well structured page and components files, coded in JSX syntax which can be easily ported to Framework7 React, Vue or Svelte
  • additional ESLint and Prettier setup
  • instructions on how to build, run and preview the project
  • all static demo data (mock products information and images)

Follow UI Initiative on X

Terms of servicePrivacy policyRefund policyContactExtended License

All product names, logos and brands are property of their respective owners.

2025 © UI Initiative by nolimits4web

Sign In

You need to be logged in to be able to make a purchase and download catalog items.

OR