🍷 L'Origine

L'Origine é um projeto desenvolvido com o objetivo de aprimorar minhas habilidades em consumo de APIs, criando uma experiência dinâmica e responsiva para exibir vinhos utilizando dados mockados da API de wines da Sample APIs.

🌟 Funcionalidades

• 📜 Listagem de vinhos: Os vinhos disponíveis são apresentados em um layout elegante e intuitivo.
• 📱 Responsividade: Totalmente adaptado para telas menores, garantindo uma experiência consistente em dispositivos móveis.
• 🎠 Carrossel: Implementado com a biblioteca react-responsive-carousel para uma apresentação dinâmica dos destaques.
• 🔄 Navegação dinâmica: Utilização do react-router-dom para criação de rotas amigáveis e rápidas.

🛠️ Tecnologias Utilizadas

• ⚛️ React: Biblioteca principal para construção do projeto.
• 🎨 Sass: Para estilização eficiente e modular.
• 🔍 React Icons: Para os ícones utilizados no layout.
• 🌐 React Router DOM: Para navegação entre as páginas.
• 🎡 React-Responsive-Carousel: Para a criação do carrossel interativo.

🖼️ Layout

O layout foi projetado para ser atraente e funcional, inspirado em diferentes sites relacionados a vinhos. Cada detalhe foi pensado para destacar os produtos e proporcionar uma experiência visual agradável.

🚀 Pendências e Melhorias Futuras

• 🚧 Página de erro 404: Planejo criar uma página personalizada para exibição de erros.
• 🔧 Novas funcionalidades: Estou considerando adicionar filtros, pesquisa avançada e mais interações.
• 🎨 Aprimoramento do design: Continuarei ajustando e melhorando o layout conforme avanço no projeto.

🏃‍♂️ Como Executar o Projeto

1. Clone o repositòrio:

  git clone https://github.com/MonicaAlvesP/l-origine.git

2. Abra o diretòrio do porjeto:

  cd l-origine

3. Instale as dependências com Yarn ou NPM:

• Caso use Yarn:

  yarn

• Caso prefira o npm:

  npm install

4. Inicie o Servidor local:

• Com Yarn:

  yarn dev

• Com npm:

  npm run dev

Este projeto utiliza o Yarn como gerenciador de pacotes por padrão. No entanto, você pode optar por usar o npm, se preferir.