Esse é um projeto com o intuito de suprir as exigências impostas no desafio da CVC. O desafio era fazer um booker de hotéis utilizando a API fornecida pela própria. Utilizei NextJS para a construção desse projeto, um framework do React que apresenta muito mais vantagens, utilizei Typescript para facilitar meu ambiente de trabalho, Axios para consumir a API, Redux, React Redux e Redux Thunk para a manutenção de estado, Styled-Components e Polished para os estilos, React-Paginate para a paginação e, por fim, Vercel para fazer o deploy da aplicação. O projeto é um PWA (Progressive Web App) ou seja, ele pode ser visualizado tanto em Mobile quanto em Desktop, sem perder nenhum detalhe ou qualidade.
- 1) Exibir a lista de hotéis de cada cidade (São Paulo, Rio de Janeiro e Porto Seguro).
- 2) Mostrar os detalhes de cada hotel, individualmente
- 3) Filtros de valor máximo por adulto e por criança, que modificam o jeito que a funcionalidade 1 e 2 são exibidas
- NextJS
- Next-PWA
- ReactJS
- Typescript
- Styled-Components
- Polished
- Redux
- React-Redux
- Redux-Thunk
- Axios
- React-Paginate
- Lodash
- Vercel
Para ver a aplicação no ambiente de produção Clique aqui!
Caso você não queira ver o projeto em ambiente de produção e sim em ambiente de testes (o famoso localhost) siga as seguintes etapas:
- Etapa 1: Na aba do projeto no Github, vá em code, e copie o link para clonar o projeto;
- Etapa 2: Na sua área de trabalho, ou onde preferir, abre o terminal do Git, Git Bash;
- Etapa 3: Digite o comando git clone o link que você copiou e de enter;
- Etapa 4: Abra o projeto recém clonado no VSCode, ou no editor da sua preferência;
- Etapa 5: No terminal, rode o comando yarn, para instalar as pendências necessárias;
- Etapa 6: Após terminar a instalação, rode o comando yarn dev, para abrir o ambiente de testes no seu browser;
- Etapa 7: Pronto! Agora é só ser feliz!