- PHP: Lógica do servidor e manipulação de dados.
- CSS: Estilização da interface e responsividade.
- JavaScript: Interatividade,validações de formulários requisições AJAX, JSON, etc.
- MySQL: Banco de dados para armazenar informações de imóveis e usuários.
A página inicial do projeto simula um site de imobiliária com um design moderno e funcional, com um menu de navegação modular que eu criei e inclui em todas as páginas, facilitando o acesso às seções de cadastro de imóveis e listagem de imóveis cadastrados. A navegação foi construída com base em uma estrutura de HTML bem organizada.
Na seção "Cadastro de Imóveis", implementei um formulário funcional que permite a inserção de imóveis no banco de dados, com campos específicos para o endereço, preço e características do imóvel. Todo o processo foi realizado com PHP e SQL, armazenando as informações no banco de dados de forma eficiente.
Neste projeto fiz questão de adicionar alguns recursos interessantes, como uma barra de pesquisa no index.php, para que os usuários se sentissem à vontade para buscar pelos imóveis que se interessarem, usando termos como endereço, nome da cidade ou CEP. Esses termos são capturados através de um fetch que realiza uma requisição via AJAX para que a página não precise ser recarregada. Após isso, o servidor retorna a resposta desta requisição em JSON e, por fim, esse resultado é exibido dinamicamente no front-end.
Esta mesma barra de pesquisa possui um texto placeholder auto digitável em looping. Implementei essa lógica através da função JS typeEffect, o que permite que o usuário tenha uma experiência melhorada no site.
Outro recurso interessante que adicionei são os botões de filtro da página que lista os imóveis cadastrados. Eles são filtros de categoria, ex: casa, apartamento, cobertura, etc. Esses botões funcionam de maneira semelhante à barra de pesquisa, onde o usuário precisa apenas interagir com eles para que exibam os imóveis que se enquadram nessas condições de filtro.
Para uma experiência de usuário mais completa, adicionei uma lógica de mensagem de saudação, que funciona a partir do momento que o usuário faz login na página. Este método consulta os dados de usuário salvos no banco de dados e exibe uma mensagem de saudação ao usuário no header da página, além de alterar a saudação de acordo com a hora do dia, como "bom dia, boa tarde e boa noite + nome do usuário".
A seção de cadastro de usuários permite que os clientes criem contas para gerenciar os imóveis que estão oferecendo. A página foi desenvolvida com foco em praticidade e segurança, utilizando PHP para realizar o gerenciamento de contas e autenticação de usuários.
O banco de dados foi estruturado para armazenar os dados de imóveis e usuários, facilitando a manutenção e consulta dos dados. A integração entre o front-end e o banco de dados foi feita utilizando PHP e MySQL, garantindo um fluxo contínuo de informações.
A principal mudança do código anterior para a versão atual, foi a adição de uma página para realizar o update das informações do usuário "dados_usuario.php", essa página não só é responsável por permitir ao usuário alterar seus dados cadastrais como e-mail, nome de usuário e senha, como também utiliza uma verificação de seção e de usuários ativos para buscar no banco de dados os imóveis vinculados a determinado usuário e então exibir eles de maneira dinâmica como pode ser visto na imagem, através das queryes de consulta nos documentos php que processam esses dados, eles podem ser alterados, excluídos ou exibidos no front end.
Esse código também traz alterações no front end, mais especificamente de design do site para melhorar a usabilidade e experiência com a aplicação web, os h2 de cada carrossel foram reposicionados e centralizados com posição fixa e absoluta para melhor organização dos elementos entre as seções.
Você pode acessar o repositório e testar o projeto localmente, seguindo as instruções abaixo:
git clone https://github.com/DevSanthiago/Real_State.git- Crie um banco de dados MySQL chamado
real_state. - Importe o arquivo
real_state.sqlpara o seu banco de dados. - Configure as credenciais do banco de dados no arquivo PHP.
- Abra o projeto em seu servidor local.
- Desenvolvedor: [Johnatan dos Santos Reis]
- E-mail: johnatan.reiiss@icloud.com
- LinkedIn: linkedin.com/in/johnatan-Reis
- GitHub: github.com/DevSanthiago
Obrigado por explorar o projeto! 🚀