✅ Locus - Concluído ✅

Sobre • Funcionalidades • Como executar • Estrutura de arquivos • Tecnologias • Autores • Licença

💻 Sobre o projeto

Locus - é uma forma de conectar clientes e proprietários, tornando a escolha de alugar ou comprar um novo imóvel mais agradável e simples.

---

⚙️ Funcionalidades

• Usuário:
  • Cadastrar
  • Realizar login
  • Editar dados
• Imóveis:
  • Cadastrar
  • Editar dados
  • Listar
  • Favoritar
  • Pesquisar
  • Deletar

---

🚀 Como executar o projeto

Este projeto é dividido em três partes:

1. Backend
2. Frontend - Mobile
3. Frontend - Web (Neste repositório)

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.

Executando o projeto

🧭 Rodando a aplicação Frontend

 # Clone este repositório
 $ git clone https://github.com/alexanderaugusto/locus-web.git

 # Acesse a pasta do projeto no seu terminal/cmd
 $ cd locus-web

 # Instale as dependências
 $ yarn install

 # Execute a aplicação
 $ yarn start

 # Abra seu browser favorito e acesse http://localhost:3000.

🧭 Rodando os testes - Cypress

 # Abrir cypress pela linha de comando:
 $ ./node_modules/.bin/cypress open

 # Rodar specs por linha de comando:
 $ ./node_modules/.bin/cypress run --spec 'cypress/integration/locus/**/'

---

📁 Estrutura de arquivos

Atualizado 15/11/2021

locus-web
├─ .editorconfig
├─ .eslintignore
├─ .eslintrc.json
├─ .gitignore
├─ babel.config.js
├─ cypress
│  ├─ fixtures
│  │  ├─ locus.json
│  │  └─ user.json
│  ├─ integration
│  │  └─ Imovel
│  │     ├─ auth.spec.js
│  │     ├─ imovel.spec.js
│  │     └─ menu_options.spec.js
│  ├─ plugins
│  │  └─ index.js
│  ├─ screenshots
│  │  └─ Imovel
│  │     ├─ auth.spec.js
│  │     │  └─ Caso de Teste Testar funcionalidades de autenticação do site Locus -- Cenario Realizar login no site com sucesso (failed).png
│  │     ├─ imovel.spec.js
│  │     └─ menu_options.spec.js
│  │        ├─ Caso de Teste Testar funcionalidades do menu de opções no header da aplicação -- Cenario Navegar até a tela de anuncio e anunciar um novo imóvel (failed).png
│  │        └─ Caso de Teste Testar funcionalidades do menu de opções no header da aplicação -- Cenario Navegar até a tela de favoritos (failed).png
│  └─ support
│     ├─ commands.js
│     └─ index.js
├─ cypress.json
├─ LICENSE
├─ next-env.d.ts
├─ next.config.js
├─ package.json
├─ prettier.config.js
├─ public
│  ├─ google-icon.png
│  ├─ icon.png
│  ├─ logo-black-mini.png
│  ├─ logo-blue-horizontal.png
│  └─ logo-blue.png
├─ README.md
├─ src
│  ├─ components
│  │  ├─ Alert.tsx
│  │  ├─ Button.tsx
│  │  ├─ Dropdown.tsx
│  │  ├─ EmptyMessage.tsx
│  │  ├─ FilterModal.tsx
│  │  ├─ Header.tsx
│  │  ├─ index.tsx
│  │  ├─ Input.tsx
│  │  ├─ InputArea.tsx
│  │  ├─ InputCheck.tsx
│  │  ├─ InputSelect.tsx
│  │  ├─ PropertyCard.tsx
│  │  └─ StepProgress.tsx
│  ├─ constants
│  │  ├─ states.ts
│  │  └─ types.ts
│  ├─ contexts
│  │  ├─ alert.tsx
│  │  └─ auth.tsx
│  ├─ pages
│  │  ├─ account.tsx
│  │  ├─ favorite.tsx
│  │  ├─ index.tsx
│  │  ├─ login.tsx
│  │  ├─ property
│  │  │  ├─ index.tsx
│  │  │  ├─ new.tsx
│  │  │  └─ [id].tsx
│  │  ├─ signup.tsx
│  │  ├─ _app.tsx
│  │  └─ _document.tsx
│  ├─ services
│  │  └─ api.ts
│  ├─ styles
│  │  ├─ components
│  │  │  ├─ Alert.css
│  │  │  ├─ Button.css
│  │  │  ├─ Dropdown.css
│  │  │  ├─ EmptyMessage.css
│  │  │  ├─ FilterModal.css
│  │  │  ├─ Header.css
│  │  │  ├─ Input.css
│  │  │  ├─ InputArea.css
│  │  │  ├─ InputCheck.css
│  │  │  ├─ InputSelect.css
│  │  │  ├─ PropertyCard.css
│  │  │  ├─ PropertyCardMedia.css
│  │  │  └─ StepProgress.css
│  │  ├─ global.css
│  │  └─ pages
│  │     ├─ Account.css
│  │     ├─ Advertise.css
│  │     ├─ AdvertiseDetails.css
│  │     ├─ AdvertiseMedia.css
│  │     ├─ Favorite.css
│  │     ├─ FavoriteMedia.css
│  │     ├─ Home.css
│  │     ├─ HomeMedia.css
│  │     ├─ Login.css
│  │     ├─ NewAdvertise.css
│  │     ├─ NewAdvertiseMedia.css
│  │     └─ SignUp.css
│  └─ utils
│     └─ inputValidation.ts
├─ tsconfig.json
├─ vercel.json
└─ yarn.lock

---

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Web (Next.js)

• Dependências:

  • Axios
  • ReactJS
  • React Dropzone
  • React Google Login -
  • Next Images

• Dependências de Desenvolvimento:

  • Typescript
  • ESlint
  • Prettier
  • Cypress
  • Mochawesome

Veja o arquivo package.json

---

🦸 Autores

Alexander Augusto

Pedro Bonfilio

Vanessa Swerts

---

📝 Licença

Este projeto esta sobe a licença MIT.