Skip to content

3º Projeto desenvolvido para o bootcamp da Laboratória. A rede social <GAMEE> é voltada para gamers que queiram compartilhar entre si atualizações de jogos, links de foruns/blogs tematicos dos games, servidores do discord e fazer muitos amigos para jogarem juntos!

Notifications You must be signed in to change notification settings

nicoletsingas/SAP010-social-network

 
 

Repository files navigation

Social Network - GAMEE

SAP010 Laboratória

Desenvolvido por:

Helouise Itokazo - Linkedin | Github
Larissa de Paula - Linkedin | Github
Nicole Monalisa Tsingas - Linkedin | Github

Índice


1. Prefácio🤩

A rede social <GAMEE> é voltada para gamers que queiram compartilhar entre si atualizações de jogos, links de foruns/blogs tematicos dos games, servidores do discord e fazer muitos amigos para jogarem juntos!

2. Resumo do projeto📝

Terceiro projeto desenvolvido para o bootcamp da Laboratória. Neste projeto foi desenvolvido uma rede social onde o usuario consegue criar uma conta a partir de um formulário ou logar com um provedor (google ou github). Fazer um post de texto, curtir outros posts e editar seu perfil.

3. Histórias de usuário📝

História de usuário 1: Eu como uma usuária, gostaria de uma rede social onde consigo criar minha conta, inserindo um username(nickname) personalizado, email e senha. Uma rede social onde tenha uma página de bem-vindo.

História de usuário 2: Eu como usuário que já possuo conta cadastrada no gmail e github, gostaria de logar com esta conta no gamee.

História de usuário 3: Eu como usuário gostaria de publicar mensagens e atualizações de status para compartilhar com meus amigos gamers

História de usuário 4: Eu como usuário desejo poder editar e deletar minhas postagens. Assim como editar o meu perfil.


Desenho de interface do usuário

Protótipo de alta fidelidade Mobile

prototipo-mobile prototipo-mobile

Protótipo de alta fidelidade Desktop

prototipo-desktop prototipo-desktop

4. Objetivos de aprendizagem✅

  • Uso de HTML semântico
  • Uso de seletores de CSS
  • Modelo de caixa (box model): borda, margem, preenchimento
  • Uso de flexbox e grid em CSS
  • Uso de seletores de DOM
  • Manipulação de eventos de DOM (listeners, propagação, delegação)
  • Arrays (arranjos)
  • Objetos (key, value)
  • Variáveis (declaração, atribuição, escopo)
  • Promessas
  • Diferenciar entre tipos de dados primitivos e não primitivos
  • Uso de condicionais (if-else, switch, operador ternário, lógica booleana)
  • Funções (params, args, return)
  • Single Page Application (SPA)
  • Testes unitários (unit tests)
  • Testes assíncronos
  • Uso de mocks e espiões
  • Firebase Auth
  • Firestore

5. Tecnologias Utilizadas✅

HTML CSS JS Figma git github Firebase

About

3º Projeto desenvolvido para o bootcamp da Laboratória. A rede social <GAMEE> é voltada para gamers que queiram compartilhar entre si atualizações de jogos, links de foruns/blogs tematicos dos games, servidores do discord e fazer muitos amigos para jogarem juntos!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.3%
  • CSS 28.0%
  • HTML 0.7%