Skip to content

hermesonbastos/teste_supliu_front

Repository files navigation

Guia de Setup

Este projeto utiliza as seguintes tecnologias:

  • Vite: Um bundler moderno para aplicações web.
  • Tailwind CSS: Um framework CSS para a construção de interfaces com estilo.
  • DaisyUI: Um kit de interface de usuário baseado em Tailwind CSS.
  • Lucide: Um conjunto de ícones SVG.

Para configurar o projeto:

  1. Instale o Node.js.
  2. Clone este repositório.
  3. Navegue até a pasta raiz do projeto e execute o comando npm install.
  4. Inicie o servidor de desenvolvimento com o comando npm run dev.
  5. Abra o navegador em http://localhost:5173.

Motivações por trás das tecnologias escolhidas:

  • Vite: É um bundler rápido e eficiente que oferece várias funcionalidades modernas.
  • Tailwind CSS: Permite a criação de interfaces com estilo de forma rápida e fácil.
  • DaisyUI: Acelera o desenvolvimento com componentes pré-construídos e personalizáveis.
  • Lucide: Oferece ícones SVG de alta qualidade que podem ser facilmente integrados ao projeto.

Utilização dos hooks customizados:

  • useForm:

    • Permite gerenciar o estado de um formulário de forma centralizada.
    • Valida os campos do formulário e fornece feedback ao usuário.
    • Simplifica o envio de dados do formulário para o servidor.
  • useFetch:

    • Facilita a busca de dados de APIs.
    • Permite lidar com erros e carregamento de dados.
    • Armazena os dados em cache para evitar requisições desnecessárias.

Recursos adicionais