Coder Social home page Coder Social logo

flavy-mega-hack's Introduction

Flavy app (Mega Hack Shawee)

Landing page do pojeto: https://flavyapp.now.sh

Webapp desenvolvida no Hackaton da Shawee

Flavy é uma webapp que visa trazer mais rapidez na hora de ordenar e pagar por comida e bebida em restaurantes e bares.

Com Flavy os clientes navegam pelo menu diretamente pelo smartphone, fazem o pedido sem tempo de espera e pagam rapidamente, sem precisar fazer o download de nenhum aplicativo.

Webapp

alt text

Tecnologias usadas

alt text

Implementaçāo

O front end, desenvolvido em Vue.js, se comunica com o backend, Firestore, atraves de Funções na nuvem. O passos sāo:

  1. Front end requisita os dados do estabelecimento atraves de uma chamada a uma Cloud Function.
  2. Essas funções se comunicam com o database e retornam os dados do estabelecimento desejado (atraves do ID)
  3. Quando o cliente efetua o pagamento, o front end chama uma funçāo que se comunica com a API do Stripe, que por sua vez retora um Token, esse token é salvo no databse dentro do objeto da ordem.
  4. Na webapp de administracao do restaurante, a ordem chega em tempo real, quando o atendente aceita a ordem, enviamos o Token para a API do Stripe, que por sua vez concretiza o pagamento. Nenhum dado é tratado no front end, tudo é feito pelas Cloud Functions, diminuindo os riscos de roubo de informações confidenciais. alt text

flavy-mega-hack's People

Contributors

nobrefelipe avatar

Watchers

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