An Angular 2 StorefrOnt for Headless

Magento 2

Roc Wang

Architecture

Semantic-UI

Angular 2

Magento 2 REST API

Catalog

  • User experience
  • Minimalist design
  • Custom animation

Checkout

  • One Page
  • Better Country Selection
  • Card.js

Demo

Planned Improvements

Featured

  • Integrate with CMS pages / blocks via API for daily marketing and operation

Catalog

  • Product View
  • Complex product type support
  • Search & Filters
    • Performance
    • Alternative Engine
      • Solr
      • Algolia
      • Elasticsearch
      • ......

Checkout

  • Cart item image
  • Billing Address
  • Integration with DPS and other payment gateways
  • requestAutocomplete

My Account

  • Dashboard
  • Account Information
  • Address Book
  • My Orders
  • Newsletter Subscriptions
  • My Product Reviews
  • My Wish List
  • ......

One More Thing...

Elevator.js

Thank You !

Q & A

Made with Slides.com