~Bom, a principal "motivação", podemos se dizer que foi um exercício de um curso sobre Javascript que eu estava fazendo, mas fui muito além do que foi sugerido na tarefa, eu queria utilizar os conhecimentos que eu já sabia da linguagem para fazer um trabalho muito mais elaborado e com minha personalidade.
~Para fazer esse projeto utilizei algumas linguagens e outras libs, entre elas:
1. HTML, bem óbvio mas foi utilizado;
2. SASS, o pré-processador éfoi usado na primeira página, depois resolvi mudar a maneira de organizar os estilos.
3. Tailwind, fiquei muito interessado em aprender esse framework e resolvi testar no projeto, resolução, amei utilizar;
4. ECMASript, nosso querido e velho JS, esse não podia falta, até pensei em utilizar o React, mas preferi fazer com o vanilla mesmo;
~Básicamente, tu tem que considerar ele como se fosse uma lista de endereços, as "HOUSES", onde é possível adicionar alguns dados par assim deixar anotado essas informações no cache do seu computador. Mas antes disso, vamos por partes!
Os três primeiro botões | ? | representão as sessões que o projeto possui. Sendo elas:
1. Lista de Endereços, sendo o foco principal e possuindo todas as informações armazenadas;
2. Dúvidas, sendo a página atual e, como diz o nome, fazendo o papel de tirar dúvidas;
3. Marketing, por fim, o último mostrando os lugares onde divulguei o projeto.
~Os campos ao lado, servem para adicionarem novas informações sobre algum endereço, que ficará salvo em uma lista com diversos endereços. Preenchendo os campos e clicando no botão "Adicionar Endereço" é possivel ver seu novo endereço surgindo!!
Além disso, também é possível clicar no botão "Remover Todos Endereços" para, assim como o nome fala, remover tudo.
Por fim, ainda desenvolvi um campo de pesquisa a partir de filtros, onde tu pode selecionar algum filtro para a pesquisa do endereço em específico.
~Ao adicionar, tu vai conseguir perceber aparecerá uma house com todas as informações que você digitou, assim como alguns botões ao lado dela e uma barra colorida abaixo.
Os botões servem para funcionalidades específicas da casa, sendo elas:
1. : Serve para excluir a casa em específico;
2. : Mostrar as informações em tela cheia de uma forma mais detalhada;
3. : Editar as informações da casa em específico. Aparecerá o para confirmar as moficações que tu fez, porém, caso não queria modificar, basta recarregar a página que tudo volta ao normal;
Já a barra colorida serve apenas para destacar os endereços, fiz um algoritmo para gerar hexadecimais aleatórios para colocar no projeto e resolvi usar como uma parte das "casas".