Skip to content

Uma aplicação feita com angular, postgresSQL, json, dentre outros. Website de um Petshop - somos a PetPlus! Página home, login, cadastro, área de pagamento, sistema de carrinho de compras e muito mais...

Notifications You must be signed in to change notification settings

PetPlus-Project/PetPlus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation




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!

About

Uma aplicação feita com angular, postgresSQL, json, dentre outros. Website de um Petshop - somos a PetPlus! Página home, login, cadastro, área de pagamento, sistema de carrinho de compras e muito mais...

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published