Acesse a aplicação aqui: https://rede-social-4f31b.web.app/
livros@ameninaquetrocavalivros.com / Senha: livros
- 1. Apresentação
- 2. Objetivo
- 3. Usuários
- 4. Interface de Usuário
- 5. Desenvolvimento
- 6. Pontos de Melhoria
- 7. Devas
Projeto desenvolvido em trio durante o Bootcamp da Laboratória com o objetivo de construir uma aplicação web em formato de rede social capaz de armazenar, manipular, excluir e visualizar dados de acordo com a necessidade do usuário. Para hospedagem dos dados utilizamos o Firebase, o banco de dados do Google. A temática escolhida para representar o projeto foi livros e leitores.
A aplicação tem o objetivo de apreciar o hobbie e paixão de alguns que é a leitura de livros fisicos, de modo que possam compartilhar suas experiências individuais com a leitura entre rede de amigos, com foco em facilitar a troca de livros entre os usuários, para que possam sempre renovar suas leituras e devolver os livros parados na estante, à ativa na comunidade! Assim, diminuindo os impactos ambientais produzidos pelo consumismo não consciente e pelo descarte desnecessário de produtos que ainda podem ser reutilizados.
Após pesquisa de mercado, caracterizamos nossos usuários como sendo os leitores ativos de livros físicos, pessoas com afinidade pela leitura e pessoas que tem interesse em adquirir o hábito de ler frequentemente.
Realizamos entrevistas para investigação para com potenciais usuários a respeito do interesse em utilização de rede social focada a leitura e troca de livros e de como seria a visualização da página e suas funcionalidades esperadas, e obtivemos as seguintes respostas:
Com base nas entrevistas e pesquisa realizada definimos as seguintes histórias de usuário:
😊 Eu como usuário de rede social desejo criar uma conta através de email e senha
😊 Eu como usuário de rede social desejo fazer login com conta cadastrada do proprio site
😊 Eu como usuário de rede social desejo fazer login através da conta Google
😊 Eu como usuário de rede social necessito fazer uma publicação
😊 Eu como usuário de rede social necessito curtir as publicações no feed
😊 Eu como usuário de rede social necessito deletar algum post específico
😊 Eu como usuário de rede social necessito editar alguma publicação específica
Durante o processo de criação da aplicação, definimos o seguinte protótipo de baixa fidelidade da página de login:
E a partir das histórias de usuário, desenvolvemos o seguinte protótipo de baixa fidelidade da página principal:
Os testes realizados com os usuários trouxeram os seguintes problemas, e tivemos as seguintes resoluções:
❗ Dificuldade em visualizar os campos de email e senha para realização de login
⭐ Resolução: trocamos as cores de fundo para branco e inserimos placeholder nos inputs, para melhor visualização
❗ Dificuldade em criação de conta devido senha não atender pré requisitos
⭐ Resolução: inserimos orientação a respeito dos pré requisitos da senha logo abaixo do campo de senha
❗ Dificuldade em curtir e descurtir publicação devido botão chamar "curtir" somente
⭐ Resolução: trocamos botão de curtir para ícone que representa tanto curtir como descurtir
Após analisarmos os testes de usabilidade e resolver as dificuldades, finalizamos o layout da página desta forma:
Sabendo que smarthphones é um meio de acesso à internet muito importante e amplamente utilizado, elaboramos a responsividade da aplicação de forma que o resultado foi esse:
Neste projeto foi utilizado a ferramenta Trello para organizar todas as atividades que deveriam ser entregues até a data final do projeto, nos planejamos com base na metodologia ágile, definindo entregas de funcionalidades do projeto a cada sprint, no total seguiram-se 4 sprints para finalização do projeto. Abaixo nosso quadro de organização:
Neste projeto aprendemos principalmente:
✔️ Construir uma SPA responsiva
✔️ Configuração, armazenamento, edição, delete e apresentação de dados no Firebase
✔️ Consumo de promisses
✔️ Colaboração pelo Github
Definimos que para as próximas refatorações iremos seguir nos seguintes aprimoramentos(não necessariamente nesta ordem):
- Implementação da funcionalidade comentar nas publicações, disponível para todos usuários
- Implementação de categorização das publicações de acordo com a temática do livro referido
- Implementação de página de perfil, onde haja funcionalidade e inserção de foto ao perfil e delete da conta
- Implementação da funcionalidade anexar imagens/fotos em publicações
Esta aplicação foi desenvolvida com muita dedicação pelas devs: