O AuDoção é uma plataforma web focada em facilitar o processo de adoção responsável de animais em Recife e região. O projeto combina um design moderno e minimalista com uma interface intuitiva para conectar protetores e futuros adotantes.
- HTML5: Estrutura semântica e acessível
- Sass (SCSS): Pré-processador CSS para uma estilização modular e organizada
- Flexbox & CSS Grid: Para layouts responsivos e alinhamentos precisos
- Google Fonts: Tipografia moderna (Poppins) focada em legibilidade
O visual do projeto segue uma estética Clean & Glassmorphism, priorizando:
- Cores Principais: Amarelo (Energia e Atenção) e Azul Escuro (Confiança e Seriedade)
- Componentes: Cards arredondados, botões estilo "pílula" e efeitos de desfoque (backdrop-filter)
- Responsividade: Interface adaptável para dispositivos móveis e desktop
audocao/
├── scss/ # Arquivos fonte do Sass
│ ├── pages/ # Estilos específicos por página (_home.scss, _login.scss, etc)
│ └── main.scss # Arquivo mestre que importa os módulos
├── src/ # Ativos (Imagens de pets e ícones)
├── home.html # Página principal de listagem
├── login.html # Página de autenticação
└── style.css # CSS compilado (gerado pelo Sass)
1. Clone o repositório
git clone https://github.com/seu-usuario/audocao.git2. Compile o Sass
Certifique-se de ter o Dart Sass instalado. No terminal, na raiz do projeto, execute:
sass scss/main.scss style.css --watch3. Abra o navegador
Basta abrir o arquivo home.html no seu navegador de preferência.
- Interface de Login e Cadastro com validação visual
- Home com Grid responsivo de pets
- Filtros por espécie (Cães, Gatos e Outros)
- Perfil detalhado do animal com formulário de interesse
- Integração com Backend/API para listagem real de animais
🎨 Desenvolvedores: Paula Arruda e Carolina Batatinha