Skip to content

Latest commit

 

History

History
22 lines (22 loc) · 1.48 KB

README.md

File metadata and controls

22 lines (22 loc) · 1.48 KB
Raw

Thumbnail

Serenatto Café

O Serenatto é uma landing page para um café, projetada para apresentar produtos de forma atraente e interativa, proporcionando uma experiência de uso agradável.

Funcionalidades do projeto

  • Listagem de produtos: Exibe os produtos, permitindo visualizar a imagem e o nome.
  • Modal: Permite visualizar detalhes do produto selecionado, incluindo descrição, proporcionando uma experiência mais imersiva.
  • Modo escuro: Alterna entre modos claro e escuro, permitindo que as pessoas escolham a aparência de acordo com sua preferência.

Técnicas e tecnologias utilizadas

  • HTML: Estrutura básica da landing page.
  • JavaScript: Linguagem de programação utilizada para desenvolver a lógica do aplicativo e interações.
  • Node.js: Plataforma utilizada para executar o ambiente de desenvolvimento e gerenciamento de pacotes.
  • Vite: Ferramenta de construção que oferece um ambiente de desenvolvimento rápido e otimizado, permitindo a construção e a compilação de projetos.
  • SASS: Pré-processador CSS que permite o uso de variáveis, aninhamento, mixins e outras funcionalidades para criar estilos de forma mais organizada.

Link do Figma

Você pode acessar o Figma do projeto aqui.

Abrir e rodar o projeto

Para abrir e rodar o projeto, utilize o seguinte comando:

npm run dev

Acesse o frontend localmente em seu navegador: http://localhost:5173