O projeto chamado DevWay é um sistema de registro de pedidos de Hambúrguer.
Confira a aplicação: https://devway.netlify.app/
O projeto consiste num sistema de registro de pedidos de Hambúrgueres. O usuário preenche um formulário e poderá escolher entre as opções de pães, carnes e opcionais, logo após todas as informações estiverem completas o pedido do usuário é registrado no DB Firestore do Firebase.
Todos os pedidos registrados são listados na rota '/orders', podendo ser acessada pelo Header. Os pedidos são ordenados numa tabela por nível de urgência de 1-4, onde:
1- Solicitado
2- Em preparo
3- Em trânsito
4- Finalizado
O admin pode gerenciar pedidos, mudando seu status e excluindo.
Home: nesse componente é feita a apresentação do projeto e também está presente o formulário para registrar pedidos.
Dashboard: nesse componente estão listados todos os registros de pedidos, ordenados por nível de urgência.
CardBread: nesse componente é feito o v-for para a listagem de cards, as informações são recebidas por props do componente Home.
Footer: nesse componente está o rodapé do site.
Header: nesse componente está o cabeçalho do site.
O site tem no total 2 views, sendo elas:
- Home
- Orders
- Configurar Vue Router
- Criar views 'Home' e 'Orders'
- Componentizar e estilizando página Home
- Criação e validação de Formulário
- Modal para confirmação de geração de pedido com SweetAlert
- Registro de dados do Formulário no Firebase
- Criar e estilizar dashboard na view 'Orders'
- Responsividade da dashboard
- Resgatar dados no Firebase e listá-los na Dashboard
- Ações da dashboard (Finalizar pedido e excluir pedido)
- Seleção do pão vísivel
- Build e Deploy
No projeto foram utilizadas as seguintes tecnologias:
Antes de iniciar 🏁, você precisa ter Git e Node instalados.
# Clone this project
$ git clone https://github.com/jguilhermesl/devway
# Access
$ cd devway
# Install dependencies
$ yarn or npm
# Run the project
$ yarn start or npm start
# The server will initialize in the <http://localhost:3000>
Agradecemos às seguintes pessoas que contribuíram para este projeto:
João Guilherme |