Coder Social home page Coder Social logo

ownplate's Introduction

OwnPlate

This is an open source project for a take-out order service, which allows restaurants to create their own menu + order page. Unlike Caviar or UberEats (which charges 12% to 30% + credit card transaction fee), it costs only the credit card transaction fee (via Stripe, 2.9% + 30cents).

It is built with Firebase + Vue + Stripe, for productivity and scalability.

SPEC

Setup Firebase

  • Authentication
    • Enable email/password and phone authentication as Sign-in providers
    • Add your domain if you use custom domain.
  • Database
    • Create Firestore database
  • Hosting
    • Enable hosting
    • Add your domain if you use custom domain.
  • Storage
    • Enable Storage.
  • Functions
    • Enable functions.

Setup Stripe

TBD.

Setup OwnPlate configuration

Environment variable

TBD.

nuxt.config.js

TBD.

src/config/project.js

TBD.

Deploy to firebase

see CircleCI setting. .circleci/config.yml

Run the development server on localhost

# install dependencies
$ npm install

# copy and edit project.js file
$ cp src/config/default/ownplate-dev.js src/config/project.js

$ STRIPE_CLIENT_ID=xxx STRIPE_API_KEY=xxx GAPIKey=xxx npm run dev

GAPIKey is google API key for Google Map STRIPE_CLIENT_ID and STRIPE_API_KEY are Stripe's id.

Build Vue.js.

see CircleCI setting. This file .circleci/config.yml

This file contains the latest and valid information for the build.

Build for production and launch server

$ npm run build
$ npm run start

Generate static project

$ npm run generate

Test with a smartphone on your local network

"devsync": "HOST=192.168.100.20 PORT=3333 nuxt",

If you want to check the local environment with your smartphone, you can also check from your smartphone to specify HOST = {IP address} on local network.

$ npm run devsync

For detailed explanation on how things work, check out Nuxt.js docs.

Function

You need to deploy Function for develoment.

cd functions && npm install
firebase deploy --only functions

icon lists

https://fontawesome.com/icons?d=gallery https://materialdesignicons.com/cdn/2.0.46/

ownplate's People

Contributors

snakajima avatar isamu avatar 1amageek avatar ryotak3 avatar fujiyamayuta avatar mikkegt avatar yutaok avatar

Watchers

James Cloos 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.