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