Página de adoção para projeto Resilia | Ebanx
Esse projeto foi realizado no final do módulo 1 do curso Web Dev FullStack Códigos do Amanhã, do Resilia Educação.
O projeto propõe a construção de um site para um negócio local fictício incentivando o trabalho em equipe com o formato de squad com 5 membros.
Projeto desenvolvido em 
Estrutura do Projeto O projeto segue uma estrutura de pastas organizada, com os arquivos CSS e as imagens armazenados em diretórios separados. Todos os arquivos HTML estão localizados na raiz do projeto.
📦 AdotMiAu
┣ 📂 css
┃ ┣ 📜 contato.css
┃ ┣ 📜 style.css
┃ ┣ 📜 style_escolha_pet.css
┃ ┣ 📜 style_petshop.css
┃ ┗ 📜 style_queroAmor.css
┣ 📂 images
┃ ┣ 📂 Escolha_Pet
┃ ┃ ┣ 📜 Cachorro_E0.png
┃ ┃ ┣ 📜 Cachorro_E1.jpg
┃ ┃ ┣ 📜 Cachorro_E2.jpg
┃ ┃ ┣ 📜 Cachorro_E3.jpg
┃ ┃ ┣ 📜 Cachorro_E4.jpeg
┃ ┃ ┣ 📜 Cachorro_E5.jpeg
┃ ┃ ┣ 📜 Gato_E1.jpg
┃ ┃ ┣ 📜 Gato_E2.jpg
┃ ┃ ┣ 📜 Gato_E3.jpg
┃ ┃ ┣ 📜 Gato_E4.jpg
┃ ┃ ┣ 📜 Gato_E5.jpg
┃ ┃ ┗ 📜 Gato_E6.jpg
┃ ┣ 📂 nossa_equipe
┃ ┃ ┣ 📜 foto 1.jpg
┃ ┃ ┣ 📜 foto2.jpg
┃ ┃ ┣ 📜 foto3.jpg
┃ ┃ ┣ 📜 foto4.png
┃ ┃ ┗ 📜 foto5.jpg
┃ ┣ 📂 pag1
┃ ┃ ┣ 📜 foto-inicio.jpeg
┃ ┃ ┗ 📜 icone_navegador.png
┃ ┣ 📂 pag3
┃ ┃ ┣ 📜 missao.png
┃ ┃ ┣ 📜 valores.png
┃ ┃ ┗ 📜 visao.png
┃ ┣ 📂 petshop
┃ ┃ ┣ 📜 adicionar_a_sacola.png
┃ ┃ ┣ 📜 areia.png
┃ ┃ ┣ 📜 arranhador.jpg
┃ ┃ ┣ 📜 bola_la.png
┃ ┃ ┣ 📜 brinquedos.jpg
┃ ┃ ┣ 📜 caixa_transporte.jpg
┃ ┃ ┣ 📜 coleira.jpg
┃ ┃ ┣ 📜 lupa.png
┃ ┃ ┣ 📜 pente.jpg
┃ ┃ ┣ 📜 racao.jpg
┃ ┃ ┣ 📜 racao_gato.jpg
┃ ┃ ┣ 📜 rato.png
┃ ┃ ┣ 📜 sacola_compras.png
┃ ┃ ┣ 📜 shampoo.jpg
┃ ┃ ┗ 📜 tigela.jpg
┃ ┣ 📂 queroAmor
┃ ┃ ┣ 📜 background_dog.jpg
┃ ┃ ┣ 📜 fundo_patinhas.png
┃ ┃ ┣ 📜 iconePetshop.png
┃ ┃ ┗ 📜 pata.png
┃ ┗ 📂 Rodape
┃ ┣ 📜 email.png
┃ ┣ 📜 facebook.png
┃ ┣ 📜 instagram.png
┃ ┗ 📜 linkedin.png
┣ 📜 contato.html
┣ 📜 escolha_pets.html
┣ 📜 index.html
┣ 📜 petshop.html
┣ 📜 queroamor.html
┗ 📜 script.js
🚀Começo do Projeto
O projeto foi iniciado com um brainstorm de ideias dos 5 integrantes, onde todos deram sugestões de négocios que gostariam de fazer em uma board online.
💡Refinando a Ideia
Após escolhermos que opção de negócio que agradava todo o grupo seria criar uma ONG para adoção de animais chamada AdotMiAu, decidimos focar no Layout e Design do site, escolher a paleta de cores, estilo e criar um protótipo do mesmo no Canvas para visualizar melhor as idéias, dividir as funções de cada membro da equipe
💻Execução
Com as funções estipuladas começamos a codar separadamentas as páginas designadas e subir os arquivos de cada progresso no GITHUB para interação do grupo.
🚧 Progresso
Cada integrante ficou com duas funções na construção do projeto e a cada semana nos reuniamos 2 vezes para verificar o progresso dos códigos e fazer as alterações nescessárias.
Para medir o progresso criamos uma backlog
🗏 Entrega
Na semana final do projeto nos reunimos todos os dias para acertar os ajustes finais, organizar todo o código, padronizar os elementos e criar a parte de responsividade da página. Fizemos uma página que conta com as seguintes funcionalidades
- Barra de Navegação
- Home
- Serviços
- Petshop
- Formulário de Contato
- Página Inicial
- Nossa História
- O que Acreditamos
- Nossa Equipe
- Página para Adoção Quero um Amor
- Escolha Seu Pet
- Rodapé
iohantc.github.io/site_adocao/
Grupo Squad 4 - Desenvolvedores
