Viaje! - Rede Social para Viajantes
Desafio proposto às alunas da Laboratoria. O objetivo era criar uma rede social de um determinado tema.
Viaje! é uma rede social pensada para pessoas que amam viajar. É o espaço ideal para dar e receber dicas de lugares, passeios, hospedagem, etc.
Ao utilizar alguns conhecimentos já adquiridos de experiência do usuário (UX) com o objetivo de darmos vida a esse projeto, fizemos uma pesquisa para saber como seria uma rede social para viajantes, respondida por 40 pessoas e também elaboramos três personas de perfis diferentes:
Antônio - tem 45 anos, é casado, pai de dois filhos, é administrador de empresas e raramente tira férias. Dessa vez, ele conseguiu 20 dias de descanso e quer viajar com a família, mas não tem idéia de que lugares pode ir. Ele quer indicações de lugares, passeios, hotéis, etc. para ele e a família.
Cláudia - tem 32 anos, solteira, trabalha como desenvolvedora front-end e viaja duas vezes por ano. Ela quer dicas de novos lugares para conhecer e também quer compartilhar informações dos lugares que já visitou.
Maria Célia - tem 70 anos, casada, professora aposentada. Ela adora viajar, mas como a aposentadoria que recebe não é muita, quer dicas de pacotes econônicos de viagens, além de passagens com desconto. Ela também se interessa por avaliações de outras pessoas que viajam.
Pesquisa
Planejamento
Protótipo
O protótipo pode ser visto nesse link: https://marvelapp.com/h05e30j
Todo o projeto foi elaborado com HTML, CSS, Bootstrap, jQuery e hospedado no Firebase. Todos os requisitos obrigatórios foram cumpridos:
- Login com Firebase
- Autenticação com Facebook, Google ou e-mail
- Validações
- Não pode haver usuários repetidos.
- A conta do usuário deverá ter um e-mail válido.
- O texto no input de senha deverá ser secreto.
- Os formulários de registro ou início de sessão deverão ser validados no envio.
- Em caso de erros, o sistema deve fornecer mensagens de erro para o usuário, para ajudá-lo a corrigir.
- A aplicação só deve permitir o acesso a usuários com contas válidas.
- Ao recarregar a aplicação, deve-se verificar que o usuário está logado antes de exibir conteúdo privado.
- Poder publicar um post de texto.
- Poder dar like em um post.
- Exibir um contador de likes.
- Poder apagar um post específico.
- Poder filtrar posts públicos e posts somente para amigos.
- Pedir confirmação antes de eliminar um post.
- Ao clicar no botão editar, deve-se mudar o texto para um campo input que permita editar o texto.
- Ao clicar em salvar, a exibição deve voltar a um texto normal, porém com a informação editada.
- Ao recarregar a página, deve exibir as informação editadas/atualizadas.
- A aplicação não deve permitir a publicação de campos vazios de nenhum tipo.
- O usuário deve poder adicionar, editar ou apagar conteúdo de seu perfil na rede social
- O usuário poderá definir a privacidade do que publica.
- Ao editar conteúdo, o que foi editado deve ser visualizado automaticamente, imediatamente depois de salvar.
- Ao recarregar a página, deve-se exibir os conteúdos editados/atualizados.