Projeto de landing page, desenvolvido para o Hackathon Trybe e wine.com.br.

Imagens da aplicação

:memo: Descrição do desafio.

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

✍️ Meus comentários

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.

:wrench: Tecnologias utilizadas

• React
• HTML
• JS
• CSS

:handshake: Colaboradores

• Leonardo Dantas
• Flavio Paiva
• Rammond Falcão
• Sérgio Francisco
• Gabriel Sartori

Antes de começar:

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.