/raizen-tf

Solução de aplicação web desenvolvida para a empresa Raízen durante o hackaton Talent Fest Brasil 2022 da @Laboratoria.

Primary LanguageJavaScript

Logo Raizen

Talent Fest: Raízen


HTML5 CSS3 JavaScript Firebase Node.js Jest GitHub Figma

Status do Projeto: Concluído

>> Confira aqui o resultado final <<

Índice


1. Resumo do projeto

O projeto foi desenvolvido durante o hackaton Talent Fest da Laboratoria. A empresa Raízen nos desafiou a desenvolver uma solução de interface web voltada para três tipos de usuários diferentes:

1. Cliente final:

Este deveria visualizar informações sobre a origem do produto que ele consume (açúcar) de forma simples. Solução: através de um QR Code colocado na embalagem do produto, o cliente tem acesso a página com as informações. Para visualizá-la no seu dispositivo móvel, é só acessar abaixo:

qrcode

2. Clientes grandes:

Estes deveriam visualizar informações dos seus produtos através do seu CNPJ e do período da compra. Para visualizar melhor os dados, na página principal preencha os campos da seguinte forma:

  • CNPJ: 75796555587851
  • Período: 01/12/22 - 31/12/2022

3. Funcionários da empresa:

Estes deveriam visualizar informações detalhadas sobre as fazendas de cana de açúcar. Para ter acesso ao login, insira os seguintes dados:

2. Fluxograma

Ao receber o desafio proposto, iniciamos elaborando um fluxograma do projeto e das telas da aplicação, com o objetivo de ter maior clareza durante o seu desenvolvimento. Para isso, utilizamos a ferramenta Miro.

fluxograma

3. Planejamento

O planejamento foi realizado utilizando a ferramenta Notion e as Metologias Ágeis. Todas as tarefas foram organizadas em "babies steps" e dividas pelo grupo de desenvolvimento por ordem de prioridade.

planejamento notion

4. Protótipos

Os protótipos foram desenvolvidos pensando no guia de marca da empresa e na melhor experiência do usuário. Para o seu desenvolvimento, utilizou-se a ferramenta Figma.

Página do cliente final:

prototipos

Página dos grandes clientes:

prototipos

Páginas dos funcionários internos:

prototipos

5. Tecnologias Utilizadas

  • HTML5 HTML

  • CSS3 CSS

  • JavaScript Javascript

  • Node.js NodeJs

  • GitHub Github

  • FigmaFigma

  • FirebaseFirebase

6. Sobre as desenvolvedoras

Projeto desenvolvido em equipe por: