/paws_safety2

Projeto criado e desenvolvido em equipe para a conclusão do 2º semestre da FATEC Franca

Primary LanguageHTML

capatopo

PawsSafety 🐾

🌐 Visite o site

A base funcional do projeto está pronta! Nesse modelo implementamos a responsividade, mas caso aconteça algum problema na visualização do site peço para que ajuste o zoom da pagina para que assim consiga ver o resultado esperado.

PawsSafety || Conheça nosso site!

🔗 Assista a apresentação do nosso projeto!

Nesse video estamos apresentando o nosso Elevator Pitch + A implementação do site em funcionamento + Demonstração do Banco de Dados.

PawsSafety || Elevator Pitch

📜 Sobre o projeto

Nosso site consiste em um ambiente virtual dedicado a apoiar a causa animal e promover a adoção responsável. A ideia surgiu após uma análise realizada pelo nosso grupo, onde percebemos a dificuldade de encontrar animais para adoção de maneira confiável.
O projeto foi idealizado como uma plataforma para resolver esses problemas. Nela, os usuários podem se cadastrar, listar seus animais para adoção e adotar animais de outros usuários. Isso cria um ecossistema centrado que facilita as adoções e apoia indivíduos interessados em garantir a segurança dos animais durante todo o processo.

📂 Prototipagem

Confira o nosso FIGMA, onde aqui idealizamos o formato do nosso site, identidade, cores e design geral

PawsSafety || Conheça nosso FIGMA!

🎯 Funcionalidades das telas

  • Home

    image
    A tela HOME, tem como função principal reunir de forma resumida todas as páginas presentes no site, onde através de um botão, como na imagem de exemplo o Saiba mais, vai redirecionar para a página referênciada;

  • Adotar

    image
    A tela ADOTAR, tem como função principal listar os animais disponíveis para adoção, onde o usuário pode realizar a ação;

  • Anunciar

    image
    A tela ANUNCIAR, tem como função principal permitir que o usuário anuncie um animal para adoção, onde é necessário preencher as informações do animal;

  • Chat

    image
    A tela CHAT, tem como função principal permitir a comunicação entre emails, do usuário que está adotando e o anunciante, isso para tirar dúvidas e obter mais detalhes;

  • Sobre

    image
    A tela SOBRE, tem como função principal reunir os valores e objetivos principais da PawsSafety, onde o usuário pode ficar mais informado e familiarizado com nosso ambiente, além de poder acessar o perfil/contato dos desenvolvedores do projeto;

🔎 Site em funcionamento:

demosite.mp4

🗃️ Apresentando o Banco de Dados

  • 1️⃣ Projeto e Implementação de Banco de Dados Relacionais (Modelo Conceitual e Modelo Lógico)

Modelo Conceitual:

Usuarios

  • id: int (chave primária)
  • username: varchar(255)
  • password: varchar(255)

Modelo Lógico:

image

  • 2️⃣ Aspectos de Programação em Ambiente de Banco de Dados

Conexão feita com o Banco de Dados MySQL (Railway + Beekeeper Studio)

A conexão com o banco de dados MySQL é estabelecida no arquivo server.js: image

  • 3️⃣ Implementação de CRUD

Cadastro de Usuário:

  • Endpoint: /register
  • Método: POST
  • Descrição: Recebe um username e password, aplica hash na senha e armazena no banco de dados. image

Login de Usuário:

  • Endpoint: /login

  • Método: POST

  • Descrição: Recebe um username e password, verifica as credenciais e autentica o usuário. image

  • 4️⃣ Configuração de SGBD Integrado com a Solução Desenvolvida

Escolha: MySQL

A configuração do banco de dados MySQL no Railway foi feita utilizando as variáveis de ambiente para gerenciar a conexão de maneira segura e eficiente. As informações de conexão foram extraídas e configuradas conforme necessário no projeto. Utilizamos o Beekeeper Studio para vizulizarmos de forma mais prática o BD

Variavies de Ambiente utilizadas:

MYSQLHOST: roundhouse.proxy.rlwy.net

  • MYSQLUSER: root
  • MYSQLPASSWORD: dhuJYWsKfFxvJNYVzxFfSJQDNHBZfmNN
  • MYSQLDATABASE: railway
  • MYSQLPORT: 36373

📈 Banco em funcionamento:

bddetails.mp4

💡 Integrantes do projeto