events-adm

Descrição do Projeto

⚛️ React

Aplicativo que simula a distribuição de bebidas para eventos específicos

Conteúdo

Objetivo
Descrição
Como utilizar
Status do Projeto
Link do deploy no Vercel
Tecnologias Utilizadas
Autor

Objetivo

Simular um centro de distribuição de bebidas para eventos específicos: casamentos, formaturas e confraternizações. Aplicativo elaborado como parte do curso de formação web full stack da Kenzie Academy Brasil

Descrição

A home page é composta por quatro cards a saber:

• Lista Bebidas
• Casamentos
• Formaturas
• Confraternizações

Cada card é composto pelo título, uma imagem representativa e nos cards referentes aos eventos, é mostrado um ícone verde indicando que bebidas foram adicionadas. Um link presente no centro do card direciona o usuário para a página do evento.

Presente em todas as páginas está um cabeçalho superior que indica o nome da página em que o usuário se encontra. Possui também um link que aponta para a Home Page do aplicativo.

Como utilizar

Página de Bebidas

1. Acessar a página de bebidas
2. Navegar pelas bebidas utilizando as setas laterais (sup se em mobile)
• Card de bebidas:
• Nome da bebida
• Imagem da bebida
• Inicio de fabricação
• Descrição da bebida
• Volume do barril
3. Depois de escolhida a bebida usar o seletor na parte superior do card para escolher o evento
4. Realizar o procedimento tantas vezes forem necessárias
5. Utilizar link do header para voltar para a Home

Página de eventos

Ao voltar para a Home Page os eventos que tiveram bebidas adicionadas estarão com seus cards marcados por um ícone verde. Ao clicar no link presente no card o usuário é direcionado à página escolhida, onde são exibidas as bebidas adicionadas pelos seus respectivos cards. Cada card presente em uma página de evento possui um botão DEL para remover a respectiva bebida da listagem.

Status do Projeto

Projeto já finalizado e funcional.

Link do deploy com o aplicativo funcional

Events-adm

🛠 Tecnologias

• React
• Context API
• JavaScript
• Styled Components
• React Router Dom

Autor

🚀 Roberto Bressanelli