A proposta do case do Hackathon foi criar uma landing page para a Wine, seguindo os seguintes critérios:
- A landing page não pode ser idêntica a da Wine, logicamente podem ser usados elementos de estilização
- Consumir pelo menos uma das API’s disponibilizadas pela Wine
Com entrega técnica obrigatória:
- Uma aplicação desenvolvida em React
- Contenha gerenciamento de estados
- Estilização em CSS
E com critérios de avaliação de Soft Skills
- Apresentação estruturada
- Storytelling
- Demonstração do trabalho em equipe de forma colaborativa
Tivemos 24 horas para desenvolver nosso projeto e apresentá-lo, mas o grande diferencial foi nos dias que precederam o eventos o nosso grupo (não nos conhecíamos) se reuniu e definiu plano de ação, nos dividimos pelos nossos pontos fortes e fracos de cada um, analisamos o cliente “wine” previamente, fomos a uma unidade física para conversar com funcionários e entender um pouco mais do negócio.
Então quando o hackathon foi inciado e o Case foi apresentado já tínhamos uma linha de raciocínio a seguir e isso foi nosso grande diferencial, tivemos tempo de debater sobre o que iríamos produzir e os pontos importantes que deveriam estar no projeto.
Aproveitamos nosso tempo para também falar com pessoas consumidoras de vinho e ter um feedback da visão deles da “Wine”, e então definimos o nossa estratégia de produto.
Refizemos a Landing page com um layout mais “clean”, mas o principal foi trazer informações e imagens das lojas físicas para a página principal, com o conceito de que a “Wine” precisa se conectar com seus clientes além da internet, que ela deve chamar seus clientes em suas lojas para poder criar um vinculo maior com eles.
- React
- HTML
- JS
- CSS
- Leonardo Dantas
- Flavio Paiva
- Rammond Falcão
- Sérgio Francisco
- Gabriel Sartori
Faça o clone do repositório com o comando: git clone git@github.com:tryber/hackathon-t19-wine.git
Mude para a branch grupo-20-main com o comando: git switch grupo-20-main
Instale as dependencias necessárias com o comando: npm install
Após isso, execute o comando: npm start
Abra http://localhost:3000 no seu Browser para ver a página.
Use o comando: npm test
para rodar os testes.