Skip to content

drihcs/card-pacote-viagem-gramado

Repository files navigation

🏞️ Pacotes para Gramado — Card de Viagens com React

Projeto desenvolvido para apresentar pacotes de viagens para Gramado, com layout inspirado em sites como Decolar.com, exibindo informações como imagem do destino, valor total, descontos aplicados e número de dias. Construído com React + Vite.


✨ Funcionalidades

  • Card visual com:
    • 📷 Imagem do destino
    • 💰 Preço do pacote
    • 🏷️ Descontos promocionais
    • 📅 Quantidade de dias incluídos
    • ✈️ Cidade de origem
    • 🏨 Tipo de pacote: Hotel + Aéreo
    • Nota de avaliação
  • Design responsivo inspirado em plataformas de turismo

🛠️ Tecnologias Utilizadas


⚙️ Como Rodar o Projeto Localmente

  1. Clone o repositório:

    git clone https://github.com/seu-usuario/pacotes-gramado.git
  2. Acesse a pasta do projeto:

    cd pacotes-gramado
  3. Instale as dependências:

    npm install
  4. Rode o servidor local:

    npm run dev
  5. Acesse no navegador:

    http://localhost:5173
    

📂 Estrutura Básica do Projeto

📁 pacotes-gramado/
├── public/
│   └── gramado.png         # Imagem do destino
├── src/
│   ├── App.jsx             # Componente principal do card
│   ├── App.css             # Estilos do card
│   └── main.jsx            # Ponto de entrada
├── index.html
├── package.json
├── vite.config.js
└── README.md

🖼️ Informações do Card

  • Destino: Gramado
  • Duração: 9 dias / 8 noites
  • Nota de Avaliação: 9.4 ★★★
  • Saída: São Paulo
  • Pacote: Hotel + Aéreo
  • Desconto: Economize R$84
  • Preço por pessoa:
    • De: R$ 1.266
    • Por: R$ 1.182
  • Obs.: Taxas e impostos não inclusos

👩‍💻 Autora

Desenvolvido por Adriana participante do Projeto Geração Tech 2.0.


👨‍🏫 Orientador

Este projeto foi orientado por Luan Oliveira, mentor em tecnologias Front-End e React moderno.


📝 Licença

Distribuído sob a licença MIT. Sinta-se à vontade para usar, adaptar e compartilhar.


Releases

No releases published

Packages

No packages published