Giter Site home page Giter Site logo

felipemuller20 / delivery-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.3 MB

Este projeto foi desenvolvido com o intuito de simular um aplicativo de delivery de bebidas!

JavaScript 91.33% Shell 4.57% HTML 2.51% CSS 1.60%
reactjs nodejs express sequelize-orm

delivery-app's Introduction

✌️ Boas vindas ao repositório do App de Delivery!

Este projeto foi desenvolvido com o intuito de simular um aplicativo de delivery de bebidas!

Desenvolvido utilizando React.js no Front-end e Node.js pelo Back-end, com conexão à um banco de dados MySQL utilizando o ORM Sequelize.

Neste aplicativo, é possível acessar através do Login com 3 tipos diferentes de usuários: Customer: Possibilita o usuário acessar as bebidas do aplicativo e realizar um pedido, adicionando as bebidas no carrinho de compras e realizando o checkout. Este usuário consegue visualizar todos os pedidos realizados por ele;

Seller: Possibilita o usuário verificar todos os pedidos que foram linkados ao seu nome (criados pelo customer) e dar sequência ao pedido, informando quando o pedido está sendo preparado e quando o pedido saiu para envio. Essa informação pode ser confiramda a qualquer momento pelo customer;

Admin: Possibilita a criação de novos usuários com diferentes tipos de poder (administradores, vendedores ou consumidores).


⚛️ Tecnologias utilizadas

Back-end

  • MySQL com ORM Sequelize;
  • Node.js utilizando o framework Express;
  • Requisições HTTP utilizando a arquitetura REST;
  • Jason Web Token para validação de login e usuário;
  • MD5 Hash, para criptografar as senhas salvas no banco de dados.

Front-end

  • React.js com Context API;
  • Axios para realiar as requisições à API;

✍️ Habilidades desenvolvidas

  • Manter aderência ao padrão REST na API;
  • Relacionamento entre tabelas SQL via Sequelize;
  • Requisições da API em Node utilizando Axios no front-end.

Além disso, neste projeto foi utilizado o ESLint, uma ferramenta para identificar divergências nos padrões de códigos JavaScript, garantindo as boas práticas no código e uma melhor legibilidade.


👀 Acessando o projeto

No seu terminal:

  • git clone [email protected]:felipemuller20/delivery-app.git
  • npm install;
  • npm run db:reset - este comando irá criar o banco de dados e as tabelas utilizadas neste projeto, além de povoar o banco de dados com os seeders que estão definidos no Sequelize;
  • cd back-end;
  • npm star; Abra um novo terminal, ainda neste projeto e digite:
  • cd ..;
  • cd front-end;
  • npm start.

👥 Autores

delivery-app's People

Contributors

carolvpinheiro avatar felipemuller20 avatar italomourati avatar jeanpsv avatar michael-petterson-06 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.