CoffeLove

Imagem
Imagem
Imagem
Imagem
Imagem
Imagem da tecnologia TypeScript
Imagem da tecnologia React
Imagem da tecnologia Tailwind CSS

Coffee Love ❤️

Coffee Love Logo
React JavaScript TypeScript Zod

Uma aplicação web deliciosa para os entusiastas do café!

Coffee Love é uma aplicação web moderna, construída com React, projetada para conectar amantes de café e proporcionar a eles uma experiência agradável e intuitiva. Seja você um barista experiente ou apenas começando sua jornada no mundo do café, o Coffee Love tem algo para todos.

✨ Funcionalidades

  • Interface Bonita e Intuitiva: Desfrute de um design limpo e moderno que torna a navegação no aplicativo muito fácil.
  • Design Responsivo: Funciona perfeitamente em desktops, tablets e dispositivos móveis.
  • Gerenciamento Robusto de Formulários: Utiliza react-hook-form e zod para um gerenciamento de formulários eficiente e validado, garantindo a integridade dos dados.
  • Animações Suaves: Experiência do usuário aprimorada com animações framer-motion, tornando a interação mais dinâmica e agradável.
  • Chakra UI: Construído com o poder do Chakra UI, uma biblioteca de componentes que torna o desenvolvimento mais rápido, fácil e acessível.
  • Ícones Lucide: Ícones bonitos, consistentes e de alta qualidade com lucide-react.
  • Axios: Para todas as requisições à API, facilitando a comunicação com serviços externos.
  • React Router Dom: Para todas as rotas, permitindo uma navegação fluida e organizada entre as diferentes seções do aplicativo.

🚀 Tecnologias Utilizadas

Este projeto foi construído utilizando as seguintes tecnologias:

  • React: Uma biblioteca JavaScript para construção de interfaces de usuário, conhecida por sua eficiência e flexibilidade.
  • TypeScript: Um superset do JavaScript com tipagem estática, que ajuda a prevenir erros e melhorar a qualidade do código.
  • Vite: Uma ferramenta de build extremamente rápida para desenvolvimento web moderno, proporcionando um ambiente de desenvolvimento ágil.
  • Chakra UI: Uma biblioteca de componentes simples, modular e acessível, que acelera o desenvolvimento e garante consistência visual.
  • React Hook Form: Para gerenciamento de formulários de forma eficiente e declarativa.
  • Zod: Para validação de esquemas, garantindo a integridade dos dados e a robustez da aplicação.
  • Framer Motion: Para animações fluidas e expressivas, melhorando a experiência do usuário.
  • Lucide React: Para a utilização de ícones vetoriais de alta qualidade e consistência.
  • Axios: Para requisições HTTP, facilitando a comunicação com APIs externas.
  • React Router Dom: Para gerenciamento de rotas, permitindo uma navegação organizada e intuitiva.
  • @hookform/resolvers: Para integrar o Zod com o React Hook Form.
  • @emotion/react e @emotion/styled: Para estilização dos componentes do Chakra UI.

📸 Capturas de Tela

Coffe Love

📜 Licença

Este projeto está licenciado sob a Licença MIT - veja o arquivo LICENSE para detalhes.

❤️ Mostre Seu Apoio

Dê uma ⭐️ se você gostou deste projeto!