Skip to content

Latest commit

 

History

History
192 lines (158 loc) · 10.8 KB

README.md

File metadata and controls

192 lines (158 loc) · 10.8 KB



logo

backend documentação mobile site






Typing SVG

- 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!




Typing SVG

- 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.




Typing SVG

Typing SVG

- 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:

Typing SVG

Typing SVG

Typing SVG

Typing SVG


- Fontes do Nosso Projeto:

• Kanit

• Inter

• Poppins

• Roboto




Typing SVG

- 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.





Typing SVG

Linguagens Frameworks Outros
HTML Badge angular badge postgres badge
CSS Badge bootstrap badge vscode badge
JavaScript Badge JavaScript Badge
js badge





Typing SVG

- 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.



Typing SVG

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




Typing SVG




Typing SVG

- 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!