Code Monkey home page Code Monkey logo

ease-store-app's Introduction

ease-store-app

EaseStore App is a mobile app for EaseStore, providing merchandise and order management.

Developed with Vue + Vite + Capacitorjs, and Vant 4 + UnoCSS.

Barcode scanning powered by MLKit with @capacitor-mlkit

FOR BACKEND SERVER, PLEASE REFER TO ease-store-server

Project Setup

pnpm install

Setting Project

Edit config files depending on your requirements to setup the project.

  • .env: Environment Variables, copy .env.example to .env and edit it based on env.d.ts
  • vite.config.ts: Vite Config
  • uno.config.ts: UnoCSS Config
  • capacitor.config.ts: Capacitor Config

DO NOT USE THE SETTINGS IN THE FILE, CHANGE THEM TO YOUR OWN

Setup Capacitorjs

pnpm cap init
# To add Android
npx cap add android

# To add iOS, install the @capacitor/ios package
pnpm add @capacitor/ios
npx cap add ios 

Sync Code for Capacitorjs

pnpm sync

Build and Sync Code for Capacitorjs

pnpm build:sync

Compile and Hot-Reload for Development

pnpm dev

Type-Check, Compile and Minify for Production

pnpm build

Run Unit Tests with Vitest

pnpm test:unit

Lint with ESLint

pnpm lint

Open Project in Android Studio

pnpm open:android

ease-store-app's People

Contributors

mengluorj avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.