Skip to content

Rede Social para desenvolvedores front-end compartilhar suas experiências, dicas e pedir ajuda. Pode postar imagens, links, curtir , comentar, editar e excluir posts. Utilizado: Firebase, Vanilla JS e CSS.

Notifications You must be signed in to change notification settings

tamaracosta/SAP006-social-network

 
 

Repository files navigation

Criando uma Rede Social

1. 🎯Produto

logo-fronters

Fronters é uma rede social voltada para desenvolvedores front-end. O usuário pode postar fotos de seus projetos, códigos para pedir feedback, solicitar ajuda, tirar dúvidas e aprender cada dia mais. Curtir e descurtir postagens, editar e excluir, além de realizar comentários. Terá a oportunidade de construir uma rede de amigos que têm o mesmo objetivo que o seu e ao mesmo tempo, aprender e ensinar.

2. 👩🧑Histórias de Usuário

historias-de-usuario

3. 🎨Desenho da Interface de Usuário (protótipo de baixa fidelidade)

prototipo-baixa-fidelidade

4. 📱Mobile First

Atendendo a necessidade do usuário que diariamente faz uso constante do celular para entrar nas redes sociais, construímos de forma mobile-first.

prototipo-login

5. 💻Desktop

O layout da tela de login/cadastro muda conforme o tamanho da tela.

desktop-redesocial

6. Como funciona?

Neste vídeo mostra um pouco as funcionalidades como: trocar foto, publicar post, comentar, editar e apagar comentários e posts. Na página Feed somente terão as publicações dos outros usuários. Quando interagem com os seus posts, como curtidas e comentários são atualizados nos seus posts na página perfil, facilitando o controle do usuário para ver suas próprias postagens.

video-demonstrativo.mp4

7. 👨‍💻Objetivos de aprendizagem

O objetivo principal de aprendizagem deste projeto é construir uma Single-page Application (SPA). Trabalhamos com as seguintes tecnologias/ferramentas:

HTML e CSS

DOM e Web APIs

Javascript

Firebase

Testing

Git e Github

👩‍🔧Desenvolvedoras

About

Rede Social para desenvolvedores front-end compartilhar suas experiências, dicas e pedir ajuda. Pode postar imagens, links, curtir , comentar, editar e excluir posts. Utilizado: Firebase, Vanilla JS e CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 71.5%
  • CSS 26.8%
  • HTML 1.7%