PROJETO SQUAD Nº 4 - MÓDULO 1 - "AJUDE UM MICROEMPREENDEDOR"
📝 Contexto e introdução a história:
Nossa equipe foi chamada por um negócio local para construir seu primeiro site. Sabe aquela loja ou empresa pequena que fica por ali nas redondezas do seu bairro? Eles querem uma força para criar sua presença online e seu time vai colocar todo o conhecimento do módulo para dar essa força!w
"Nossa equipe de desenvolvedores recebeu a missão de desnvolver um site para uma floricultura do bairro de Irajá chamada Alice Flores e plantas. Recebemos um protótipo de layout produzido por nosso colaborador Igor junto ao cliente utilizando a plataforma FIGMA. A partir disso montamos o uma página para apresentar ao cliente."
📚 Introdução ao desenvolvimento do projeto
Nossa equipe utilizou ao máximo o conhecimento adquirido durantes as aulas de HARD ministradas pelo facilitador William. Também empregamos os aprendizados das aulas de SOFT, ministradas pela facilitadora Jacqueline para enfrentar as dificuldades como equipe. Ficamos muito felizes e orgulhosos com o resultado (mas não satisfeitos) e agradecemos a ambos! Durante o processo de criação, decidimos mudar o tema do projeto e isso nos deixou com pouco tempo, algo que já era um problema. Decidimos fazer o básico bem feito. Seguimos um layout pré definido criado com ajuda de um colega da comunidade para não desperdiçar tempo. A equipe produziu o código do zero e fizemos marcações com comentários em cerca de 85% do código para facilitar a compreensão de qualquer indivíduo que acesse o material, além de respeitar a indentação e utilizar tags semânticas na maior parte do projeto. Evitamos utilizar funções as quais não tinhamos noção o suficiente de seu funcionamento ao ponto de explicá-las. Os commits foram realizados demasiadamente por falta de experiência com os programas utilizados e pela troca frequente de computadores. Também não estão em total conformidade com as boas práticas, mas será um ponto a melhorar.
Importante informar que apesar de o footer e o botão de compra na página de produtos terem sido baseados de projetos externos, utilizamos apenas HTML5 e CSS3 para sua criação com conceitos que temos compreensão mas não prática suficiente para implementar do zero. Sendo assim serviu apenas de inspiração. Também para ganhar tempo, reaproveitamos os códigos do formulário do projeto individual do gestor do conhecimento, Maycon.
🔧 Tecnologias utilizadas
HTML e CSS
🚀 Rodando o projeto
Para rodar o repositório é necessário clonar o repositório ou visualizar pelo Github Pages pelo link (https://dualsgo.github.io/ProjetoSquadV2/)
📚 Sobre a página
Foram criadas 5 páginas, sendo o índice a "Home" e as demais "Sobre nós", "Nossa equipe", "Nossos produtos" e "Contato". Utilizamos a mesma barra de navegação e rodapé em todas as páginas. Na página HOME temos um banner, o slogan e uma mensagem de apresentação. Os textos são genéricos devido ao contexto da apresentação do projeto. Na página "Sobre nós" falamos sobre a criação da empresa com duas caixas de texto e duas caixa de imagem. O texto foi retirado de um site real e as imagens do PEXELS. Em "Nossa equipe" temos 4 imagens com seus respectivos textos. Vale destacar o uso de inteligencia artificial (De um projeto externo não desenvolvido pela equipe) para criação das imagens de pessoas que não existem para preservar o uso de imagem. Na página de produtos categorizamos por tipo e adicionamos um botão de compra simples animação e alerta de adição ao carrinho. Para finalizar, o formulário é funcional e precisa de validação (Se referindo a requerer que sejam digitadas as informações seguindo padrão) mas não tem validação na parte de back end.
🔜 Implementação futura
Futuramente planejamos implementar a responsividade e interações com Javascript
🤝 Colaboradores
Maycon Douglas - Gestor do conhecimento Matheus Fortunato - Gestor de gente e engajamento Luan Pereira - Co-facilitador Igor Gonzalez - Colaborador
🎯 Status do projeto
Concluído para a apresentação