- 1. Prefácio
- 2. O aplicativo
- 3. Resumo do projeto
- 4. Dados para nerdes!
- 5. Ferramentas utilizadas
- 6. Desenvolvido por:
Segundo o Wikipedia rede social é uma estrutura organizada, não hierarquica, composta por pessoas e organizações que se conectam por diversos tipos de relacionamentos! Presente na vida de 62% dos brasileiros, elas ajudam a encontrar e manter contato com pessoas que compartilham a mesma visão, objetivo, posicionamento politico e tambem ajudam a suprir diversos tipos de necessidades como encontrar pessoas pra se relacionar intimamente ou encontrar um novo emprego.
O Elas Jogam nasceu da necessidade de um lugar seguro para que jogadoras conseguissem se conhecer, se conectar, criar grupos, marcar jogos online, compartilhar videos e conquistas sem sofrer assédios ou bullings. Visto que no mercado brasileiro de games, as mulheres representam 53% dos jogadores ter uma rede em que elas se sintam a vontade pra conversar sobre seus jogos favoritos e se conectar com outras jogadoras se faz mais que necessario e o app cumpre essa função!
Com uma interface amigavel, clean e funcional, a usuaria tem a opção de fazer o cadastro usando email e senha, com o Google ou Facebook! Na parte do perfil a usuária pode explicitar quais jogos gosta ou joga pra facilitar as buscas e a conexão com possiveis parceiras de time!
O site foi desenvolvido para versão mobile-first.
É uma Single Page Application (SPA), o sistema de troca de telas é feito de maneira dinâmica sem recarregamento de página, o site é responsivo.
A página de login consiste em uma página onde o usuário, já cadastrado, pode logar com e-mail, senha, uma conta do facebook ou do google.
A página de registro consiste em uma página onde o usuário poderá se cadastrar afim de criar uma conta no site.
A página de Feed consiste em uma página onde o usuário irá compartilhar suas imagens de personagens, datas afim de marcar uma partida online, conhecer pessoas, descobrindo interesses em comum, o usuário poderá curtir, comentar. É possível deixar as postagens públicas ou privadas, deletar publicações, deletar comentários, editar posts e comentários, assim como nome e foto de perfil. A aplicação é segura, não podendo inserir à aplicação sem antes estar logado, e o usuário não poderar criar novos usuários.
O planejamento foi baseado em histórias de usuário pré-definidas e organizadas no trello, foi feito um figma com o protótipo de tela mobile e descktop.
A aplicação foi desenvolvida em single page aplication, com metodologia Agil e o aplicado o conceito de mobile first, garantindo a funcionalidade da aplicação sem trazer problemas de usabilidade para o usuário! O Firebase faz a vez do backend, dando suporte no banco de dados e administração de contas!
Toda a lógica, callbacks e promisses foi desenvolvida em JavaScript, assim como as rotas e templates, linkando com o HTML atravez da manipulação de Dom. O HTML contem a estrutura, escrita de forma semantica e o foi usado CSS para estruturar os elementos e trazer fluidez na navegação!
Você pode acessar a aplicação aqui!
Ferramentas utilizadas
Firebase & Firestore
Vanilla JS
HTML 5
CSS
Git e GitHub
Visual Studio Code