Skip to content

patrickmonteiro/medusa-ecommerce-vue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

47 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Medusa Ecommerce Vue πŸ›’

About

Participants

Patrick Monteiro - @patrickmonteiro

Luique Cruz - @Luiquecruz

Description

Online store with Medusajs and Quasar Framework(SPA, PWA, App Android/iOS and Desktop with Electron)

Preview

Desktop Browser

3D Mobile View

  • Access the app using the QRCode above and point the camera at the Sandal. We have few examples available.

Mobile Browser

App Desktop with Electron

Hybrid app with Capacitor

Set up Project

Prerequisite

Node v14.0 or higher.

Install Project

medusa-cli

First install medusa cli in your environment

yarn global add @medusajs/medusa-cli

medusa-server

Headless: Medusa is a highly customizable commerce API which means that you may use any presentation layer such as a website, app, chatbots, etc.

Quickstart Medusa Server πŸ”—

Start development environment:

yarn start

or

medusa develop

medusa-admin

The Medusa Admin provides you with a lot of functionalities and configurations such as Product Management, Order Management, Discounts and Promotions, and more.

Quickstart Medusa Admin πŸ”—

Start development environment:

yarn start

quasar-medusa-client

A client built with Quasar Framework with version 3 of Vuejs.

Getting Started Quasar πŸ”—

By default the web mode is what will work in your traditional environment. For the other modes, you will need to configure the development environment as per the Quasar documentation.

Install Quasar CLI and then start the application with the command:

quasar dev

For PWA mode:

quasar dev -m pwa

For Capacitor mode:

quasar dev -m capacitor -T android

For desktop mode with electron:

quasar dev -m electron

Resources