Modern Village foi desenvolvido para que funcione como um site de e-commerce de imóveis que utiliza o consumo de API, Nextjs e Reactjs, totalmente responsivo. O site permite que o usuário acesse e visualize as informações de todas as propriedades disponíveis através de vídeos, carrossel de imagens e todas as informações relacionadas ao imóvel.
🔗Link do deploy: Modern Village.
O site possui algumas das seguintes funcionalidades:
🏠 Home:
- Menu, formulários, contatos, e etc;
- São exibidos alguns imóveis através do carrosel (Swiper);
🏚️ Propriedades:
- Os imóveis disponíveis são exibidos de acordo com o seu ID;
- É possível clicar e exibir todas as informações dos imóveis como: preço, tamanho do imóvel, quartos, banheiros e etc;
-
Ao clicar em "Properties", você terá acesso à página de todas as propriedades disponíveis:
- Ao clicar no imóvel desejado, a página de informações estará disponível:
- NextJS: aprimorar e adicionar funcionalidades ao React;
- React Icons: biblioteca de icones personalizados;
- Axios: para requisição de API;
- Yarn: Gerenciador de pacotes de dependências;
- ChakraUi: Biblioteca para criação de componentes simples e interfaces intuitivas e responsivas;
- Swiper/React: Framework utilizado para apresentação de carrossel de imagens de forma personalizada;
- Framer Motion: Framework voltado para a criação de animações, transições e outros;
- React Hook Forms: biblioteca para utilização de formulários;
- yarn install: Instala todas dependências listadas no package.json em sua pasta local;
- yarn dev: Inicia a aplicação;