---

- Seja bem-vindo(a) à documentação deste projeto. Aqui, você encontrará uma descrição detalhada sobre a PetPlus, comparações dos protótipos de nossas páginas com o resultado final delas, imagens e gifs mostrando por completo o site, além de dificuldades que encontramos durante o desenvolvimento e muito mais!

- Afinal, sobre o que se trata a PetPlus? Basicamente, é um projeto aonde tínhamos por objetivo desenvolver um site sobre PetShop, produzindo tanto o frontend (visual do site) quanto o backend (o cérebro do site).

- Começamos este projeto no dia 16 de outubro, precisando entregar o site completo no dia 15 de dezembro, cerca de praticamente dois meses de desenvolvimento.

- O projeto foi feito por 3 integrantes, com os links de seus perfis sendo colocados no final da documentação.

- O briefing é um documento que servirá como um guia para a execução de um projeto. Ele contém uma série de informações como: dados sobre a empresa, o mercado em que ela atua, o público ao qual ela se direciona e os seus objetivos com o projeto.

- Antes de começarmos a produzir qualquer coisa, precisávamos antes definir nossas metas e objetivos a cada semana, com o intuito de não nos perdermos e termos um pouco de organização. Caso queira ver as metas que definimos a cada semana, clique aqui.

- Como público alvo, procuramos atingir as necessidades dos donos de pets que procuravam produtos de todos os tipos para os seus animais, desde rações e brinquedos comuns do dia a dia até mesmo produtos especiais para animais que possuem algum tipo de deficiência ou que já é idoso e está com a mobilidade baixa, como por exemplo uma cama ortopédica.

- Nossas Paletas de Cores:

- Fontes do Nosso Projeto:

• Kanit

• Inter

• Poppins

• Roboto

- Caso queira ver os protótipos que fizemos no próprio Figma antes de começarmos a de fato desenvolver o site, clique aqui.

- Caso queira ver apenas as imagens por aqui dos protótipos que fizemos no próprio Figma antes de começarmos a de fato desenvolver o site, clique aqui.

Linguagens	Frameworks	Outros

- Ficamos desenvolvendo este projeto por quase 2 meses e tivemos diversos objetivos do que queríamos entregar ao final deste projeto. Entre algumas delas, podemos destacar:

• Site minimalista e visualmente agradável;

• Responsividade;

• Front-End e Back-End alinhados e integrados;

• Uso de API's;

• Fazer bom uso do Framework escolhido. No nosso caso, o Angular CLI;

• Possuir uma identidade visual e fazer bom uso da paleta de cores para o nosso site;

• Teste e Depuração;

• Documentação de todo o nosso projeto.

- Estes foram os nossos objetivos, porém também tivemos dificuldades ao longo deste caminho. Como maiores dificuldades, podemos destacar:

• Utilizar o Angular CLI não foi nada fácl no começo, porém, com o passar dos dias e semanas, conseguimos evoluir e saber lidar melhor com este framework.

• Adicionar algumas funcionalidades também foi uma de nossas dificuldades, pois além de precisar criar serviços, precisávamos também tipar a linguagem para Typescript.

• Fazer a integração com o Banco de Dados PostgresSQL também não foi fácil, porém conseguimos finalizar a tempo.

Ramon X. Camargo RamonCamarg	Vinícius G. Feitoza epicestudar	Rhenan X. Neves rhenanneves12

• Site Modelo:

  • Petz

• IA's Usadas:

  • ChatGPT 3.5
  • Bing - Image Creator

• UX/UI:

  • Figma

• Outros:

  • YouTube
  • Documentação
  • Badges

---

- Este foi o nosso projeto contendo algumas partes do nosso desenvolvimento, além de um feedback de nossas maiores dificuldades. Espero que tenham gostado. Até mais!