Este projeto foi desenvolvido para fins de experiência para uma startup de São Paulo.
A parte que me coube foi apenas o front-end, então a plataforma não está totalmente funcional.
O site Meu Canto é um portal de compra e venda de imóveis.
Você pode conferir como ficou através da página do projeto.
Foi utilizado HTML e CSS para construção de todas as páginas.
Alguns recursos de interação para exibir/ocultar informações foram feitos com JavaScript.
Tudo isso contruído de forma pura, sem nenhuma biblioteca adicional (com exceção do Chart.js).
Aqui temos uma caixa de busca como função principal do site, o propósito da empresa e anúncio de alguns imóveis de acordo com as preferências do usuário que estiver logado.
Página para fazer login no site.
Essa página é um modelo exibido após o usuário realizar uma busca por imóveis.
Nessa tela, é possível criar sua conta, tanto de vendedor, quanto de comprador.
Após fazer login, o vendedor tem sua página inicial com:
- Anúncios cadastrados
- Visitas agendadas
- Propostas recebidas
- Análises da quantidade de anúncios/visitas/propostas recebidas em formato de gráfico (Chart.js não disponível aqui no Github Pages)
- Serviços prestados pela Meu Canto aos vendedores (fotos profissionais, consultoria de vendas, laudo de avaliação)
Modelo de página com a explicação de cada um dos serviços oferecidos aos vendedores.
Aqui, o formulário pede informações relevantes do imóvel para ser cadastrado na plataforma.
A página de anúncio é um modelo de como os imóveis são apresentados.
Na parte superior, há uma galeria de imagens (feita apenas com CSS), na direita uma caixa para fazer contato, proposta ou agendar visita com o dono do imóvel.
A caixa com título "Cadastrar horários de visitação" está disponível apenas para o dono do anúncio cadastrar em quais horários estará disponível para receber visitas.
- Faça um clone do projeto em seu computador:
git clone https://github.com/aaamenezes/Meu-Canto.git
- Acesse a pasta do projeto:
cd Meu-Canto
- Instale as dependências:
npm i
Ou:
yarn
- Inicie o projeto executando o arquivo
index.html
, de preferência com um servidor local. O plugin Live Server para o VS Code já é o suficiente.
Não se aplica.
Consultei constantemente o sites do Zap Imóveis e Quinto Andar para obter referências.