Este é um projeto Vue 3 configurado para rodar com a versão Node v16.20.2. A estrutura da arquitetura foi baseada na documentação disponível aqui.
Certifique-se de ter os seguintes softwares instalados em sua máquina:
Siga os passos abaixo para configurar o projeto:
-
Clone o repositório:
git clone https://github.com/PedroAraripe/ui-htl.git cd ui-htl
-
Instale as dependências do projeto:
npm install
ou
yarn install
Para iniciar o servidor de desenvolvimento, use o comando:
npm run dev
ou
yarn dev
O servidor será iniciado e você poderá acessar a aplicação no navegador através da URL que aparecerá no terminal.
A estrutura do projeto segue as melhores práticas de arquitetura de front-end. Para mais detalhes sobre a arquitetura utilizada, consulte a documentação da arquitetura.
npm run dev
ouyarn dev
: Inicia o servidor de desenvolvimento.npm run build
ouyarn build
: Gera a build para produção.npm run serve
ouyarn serve
: Inicia um servidor local para servir a build de produção.npm run nomeNovaFeature
: Cria as pastas para uma nova feature automaticamente em@/features/nomeNovaFeature
.
Para criar uma nova feature, basta rodar o comando:
npm run nomeNovaFeature
Este comando criará automaticamente as pastas necessárias para a nova feature em @/features/nomeNovaFeature
.
Espero que isso ajude! Se precisar de mais alguma coisa, estou à disposição.
Principais features:
-
Busca de hóteis por filtro:
Listagem de hóteis e possibilidade de filtrar por número de hóspedes, localidade etc
-
Hotéis favoritos:
É possível que o usuário adicione um hotel a lista de favoritos clicando no ícone de coração no card de hotel e assim compare os seus hotéis desejados
-
Ordenação de lista de hotéis:
Tanto para a listagem inicial quanto para a listagem de favoritos é possível ordenar por preço ou avaliações
-
Responsividade:
Todo o projeto está com responsividade e boa usabilidade
-
CI/CD:
Implementação de deploy automatico com CI/CD via githubactions