Deploy: https://pardinho.netlify.app/
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:
- Instale o Node.js.
- Clone este repositório.
- Navegue até a pasta raiz do projeto e execute o comando
npm install
. - Inicie o servidor de desenvolvimento com o comando
npm run dev
. - 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.
-
Documentação do React: https://react.dev/
-
Documentação do React Router: https://reactrouter.com/en/main
-
Documentação do Vite: https://vitejs.dev/
-
Documentação do Tailwind CSS: https://tailwindcss.com/docs/
-
Documentação do DaisyUI: https://daisyui.com/docs/
-
Documentação do Lucide: https://lucide.dev/