Projeto Integrador Front-End
Portal Tech - Proz Educação
Idealizado Pela Parceria da AWS e Meta
Curso de Introdução à Programação Web
Turma 11 - Grupo 2 - Professor: Rand
Repositório com os arquivos criados durante o projeto final de conclusão do Curso.
Tecnologias Utilizadas:
TEMA
🐶 Pet Shop 🐱 Venda de produtos para Pets, apoiando ONGs.
Tipografia
Padrão de Cores
Utilizamos a psicologia das cores para criar uma atmosfera acolhedora e agradável.
| Cor | Código | Significado |
|---|---|---|
#F8B74C |
Dourado Claro: A cor do otimismo e energia, usada para destacar informações importantes. | |
#421A12 |
Marrom: Representa estabilidade e confiança, utilizado para elementos fundamentais. | |
#EB7A21 |
Laranja: Emana entusiasmo e criatividade, utilizado para chamar a atenção de forma vibrante. | |
#FDA462 |
Pêssego: Simboliza a suavidade e amabilidade, criando uma atmosfera acolhedora e calorosa. | |
#F0B694 |
Rosa: Associado à ternura e empatia, usado para elementos que exigem sensibilidade. | |
#DDDDDD |
Cinza: Representa neutralidade e equilíbrio, aplicado para informações secundárias. | |
#FFFFFF |
Branco: A cor da pureza e simplicidade, frequentemente usada como fundo para legibilidade. | |
#000000 |
Preto: Evoca elegância e sofisticação, usado para texto e elementos de destaque. | |
#0072FF |
Azul: Transmite confiança e tranquilidade, presente em botões de ação para encorajar decisões importantes. | |
#00C853 |
Verde: Associado à natureza e harmonia, utilizado para realçar sucesso e progresso. | |
#FF3D00 |
Vermelho: Chama a atenção e indica urgência, usado com moderação para situações críticas e erros. | |
#FFC400 |
Amarelo: Representa energia e positividade, aplicado para motivar e destacar informações. |
Briefing
Objetivo
O objetivo do Pet Shop é incentivar a adoção responsável de animais que foram abandonados ou resgatados de maus tratos, através de parcerias com várias ONGs desse segmento. Além de promover o combate aos maus tratos aos animais e ao abandono. Dessa forma, esse projeto faz a ponte entre as ONGs e a adoção fazendo divulgação de produtos de Pet Shop e campanhas de adoção.
Funcionalidades do negócio:
- Sorteio mensal de kit adoção (Produtos para o Pet da pessoa que adotou nas ONGs parceiras).
- Desconto de 20% em ração para os que adotarem um Pet durante um ano.
- Divulgação de Pets disponíveis para adoção no site.
- Divulgação de Ração, petiscos e brinquedos para os Pets no site.
Necessidades do visitante (Público Alvo):
- Adotar cachorro ou gato
- Comprar produtos para estes pets
SEO
- Pet Shop Caramelo
- Pet Shop
- Produtos para Pet
- Produtos para Cachorro
- Produtos para Gato
- Adotar Pet
- Adotar Cachorro
- Adotar Gato
SITE
Banco de Dados
- DER Só Relacionamento
- DER Só Relacionamento Com Entidade Associativa
- DER Antes Da Normalização
- DER Parcialmente Normalizado
- DER Modelo Conceitual Normalizado
- DER Modelo Lógico
- Script SQL - PostgreSQL
🤝 EQUIPE: Go Devs
| Perfil | Nome | Localização | Função | Github | |
|---|---|---|---|---|---|
 |
Adriano Olivastro dos Santos |
São Paulo - SP | Scrum Master UX/UI Front-End QA |
 |
 |
 |
Cesar Augusto da Costa |
Campinas - SP | Dev Full Stack UX/UI DS/BI DPO DBA QA |
|
|
 |
Dayane Cristina Santos |
Santos - SP | PO Front-End |
|
|
 |
Eliane Lima da Silva |
Paracuru - CE | UX/UI Front-End QA |
|
|
 |
Ozorio Avelino Travassos |
Olinda - PE | UX/UI Front-End |
|
|
 |
Wesley Souza da Costa |
Tavares - RS | UX/UI Front-End QA |
|
|
Como Contribuir
🔍 Saiba Mais
Agradecimentos
- Proz Tecnologia;
- Portal Tech;
- AWS;
- Meta;
- Professor Rand;
- À cada membro do projeto pela dedicação;