Teste técnico Sparti - Health Innovation

Este projeto foi desenvolvido como parte de um teste técnico para a vaga de estágio em desenvolvimento front-end na Sparti, demonstrando minhas habilidades em

● NextJs 14

● HTML 5

● CSS

● TypeScript / JavaScript

● Rotas

● Utilização de LocalStorage

● Tailwind CSS

● Usabilidade e experiência de uso

● Responsividade (deve ser ajustável a diferentes tamanhos de tela)

● Padrão visual;

● Qualidade

● Clareza

● Documentação

● Reutilização (criação de componentes)

Instalação e Execução

Para começar clone o projeto em sua máquina, utilizando o comando em seu terminal : git clone git@github.com:EduardoScrobote/sparti-test.git.
Após isso utilize o comando cd sparti-test para entrar na pasta que acabou de ser clonada em sua maquina.
Depois de entrar na pasta utilizando o comando (cd sparti-test) execute o comando npm install para instalar todas as dependências do projeto.
Então após a instalação das dependências você pode digitar o comando npm run build para buildar do aplicativo dentro da sua máquina.
E por fim escreva o comando npm run start, e espere ele ser completo, então abra seu navegador e cole a seguinte url na barra de pesquisa do navegador http://localhost:3000/

Disponibilidade de acesso sem download

A aplicação também foi disponibilizada na web com a vercel, você pode acessar através do link a seguir --> https://sparti-test.vercel.app .

Basta apenas abrir para poder testar o APP, muito mais simples... :)

Funcionalidades

A aplicação é utilizada para salvar produtos, e descrever suas caracteristicas principais sendo eles:

Produto (Maça, Banana, Leite, ETC...)
Valor
Unidade de medida (Peso(KG), Litro(lt), Unidade(Un))
Fabricação
Checagem de produto perecivel (Check box)
Validade (Caso checagem aceita)

Você também podera visualizar uma lista com todos seus itens e seus detalhes tanto no seu celular, quanto em seu computador.

Para isso você tera acesso a duas páginas, uma página de formulario, e uma página de visualização dos itens adicionados a sua lista!

Acesso aos assets do Figma!

A aplicação foi totalmente planejada e prototipada no Figma, para acessar o figma e ver como foi feito clique no link a seguir: https://www.figma.com/file/SLEA3lKzJCu4IPcmYv35Wr/front-end---SPARTI?type=design&mode=design&t=j0vqTduMGz1gYFuJ-1

Agradecimentos