Skip to content

A WebCasas é uma plataforma onde pessoas podem encontrar e/ou anunciar imóveis para vender ou alugar.

License

Notifications You must be signed in to change notification settings

steinertruthy/webcasas

Repository files navigation

webcasas

GitHub Website

webcasas.mp4

A WebCasas é uma plataforma onde pessoas podem encontrar e/ou anúnciar imóveis para vender ou alugar.

🔰 Ao Vivo

Para acessar o deploy Clique Aqui!

🌐 Apis

📌 Funcionalidades

  • Usuário
    • Cadastro de usuário
    • Login de usuário
  • Pàgina inicial - "/"
    • Listagem dos imóveis recentes
    • Listagem dos imóveis mais visualizados
  • Paǵina dos imóveis - "/properties"
    • Listagem dos imóveis recentes
    • Listagem dos imóveis de acordo com os filtros selecionados
    • Filtros
      • Estado e/ou cidade
      • Vender ou alugar
      • Condomínio ou rua
      • Tipo de imóvel
      • Detalhes do imóvel
  • Página de atualizar cadastro - "/my-register"
    • Atualizar dados de cadastro e/ou foto de perfil
    • Desativar conta
    • Excluir conta
  • Pàgina de ativar conta de usuário - "/active-account"
    • Ativar conta
  • Página de anúncios/imóveis do usuário - "/my-ads"
    • Listagem dos anúncios/imóveis do usuário
    • Desativar anúncio
    • Excluir anúncio
  • Página para anúnciar um imóvel - "/form-property"
    • Fomulário de anúncio
  • Delogar

🛠️ Tecnologias

Este projeto foi desenvolvido com as principais tecnologias

  • NextJs
  • TailwindCSS
  • Chakra UI
  • React-Icons
  • React-Toastify
  • TypeScript
  • Axios
  • Zod
  • Nookies
  • Zustand

🚀 Executando o projeto localmente

💻 Pré-requisitos

Para rodar o projeto é necessário que você tenha instalado na sua máquina as seguintes ferramentas:

  • Git
  • Node.js
  • VSCode
  • Yarn

💿 Rodando

# Clone este repositório através do terminal
$ git clone git@github.com:steinerstt/webcasas.git

# Acesse a pasta do projeto
$ cd webcasas

# Instale as dependências do projeto
$ yarn install

# Rode o projeto 
$ yarn dev

*O projeto está configurado para rodar com uma API local, será necessário seguir as instruções que estão no repositório da API. E também, caso seja necessário, terá que alterar a baseUrl que está em: services api.ts para a url local do back-end.


📸 Screenshots

página-login página-cadastro página-inicial página-inicial-logado página-imóveis página-imóveis-estato-selecionado página-imóveis-modal-filtros página-imóveis-filtros-aplicados página-imóveis-menu-usuário-aberto página-meu-cadastro página-meu-cadastro-gerenciamento-conta-aberto página-meu-cadastro-gerenciamento-conta-aberto-modal-desativar-conta página-meu-cadastro-gerenciamento-conta-aberto-modal-excluir-conta página-ativar-conta página-meus-anúncios página-meus-anúncios-modal-desativar-aberto página-meus-anúncios-modal-excluir-aberto página-meus-anúncios-modal-ativar-aberto página-anunciar-imóvel


📄 Licença

Este projeto está sob a licença do MIT - veja o arquivo LICENSE para detalhes.

Feito com ❤ por Steiner