[girlyHub] - Social Network

Índice

• 1. Apresentação
• 2. Resumo do projeto
• 3. Planejamento
• 4. Funcionalidades
• 5. Montagem do ambiente de desenvolvimento

1. Apresentação

A aplicação consiste na criação de uma Rede Social. Foi desenvolvida em JavaScript(ES6+), juntamente com HTML5, CCS3 e Firebase Hosting e Firestore para hospedagem e banco de dados.

A estratégia de desenvolvimento usada foi pair programming, code review e sub-divisão das histórias de usuário.

2. Resumo do projeto

A página da aplicação pode ser acessada atraves do Link: girlyHub
É possível navegar com usuário de teste:

E-mail: usuario@teste.com
Senha: 123456

girlyHub é uma rede social, que foi desenvolvida com base nos princípios de sororidade, acolhimento e respeito.

Desejamos criar um ambiente seguro, para pessoas que se identifiquem como gênero feminino, onde possamos trocar conhecimento e apoio que envolvam temas diversos como mundo geek, tecnologia, autocuidado, segurança, oportunidades, entre outros.

As caraterísticas técnicas da aplicação são:

• É uma Single-Page Application SPA - e foi implementado um sistema de rotas (sem uso de bibliotecas externas) para trocar de uma tela para outra de maneira dinâmica.

• Foi desenhada e desenvolvida com enfoque mobile first , e apresenta design responsivo.

• Permite a persistência de dados - a estrutura de dados foi desenhada de forma à consultá-los, atualizá-los, modificá-los e eliminá-los segundo os requerimentos do usuário. Para isto, foi utilizado Firestore do Firebase

Recebemos um protótipo desejado para o layout da tela mobile e desktop, onde o tema, conteúdo, funcionalidades extras, cores e fontes de texto foi de nossa escolha.

3. Planejamento

Para realizar o nosso planejamento criamos um segundo protótipo para idealização do tema.

Foi utilizada a ferramenta trello, para execução do planejamento.

4. Funcionalidades

Na girlyHub, é possível:

• Cadastro e Login:

Criar sua conta, com email e senha ao clicar no botão "Criar Agora", sendo redirecionado para uma pagina de registro no primeiro acesso.

Criar sua conta, com google ou gitHub.:octocat:

• Home Page:

Criar posts com textos e imagens.

Aplicar a TAG relacionada ao assunto desejado.

Escolher a privacidade da sua postagem.

Criar comentários.

Editar ou excluir a publicação/comentários.

Curtir publicações e desfazer a ação.

• Outras Funcionalidades:

Filtrar publicações por TAG e privacidade.

Editar foto de perfil e capa.

Incluir ou remover informações na sessão de "perfil".

Ver orientações e mais informações sobre a girlyHub na sessão "sobre".

5. Montagem do ambiente de desenvolvimento

⚠️ Será necessária a utilização:

-Firebase. 🔥🔥🔥

-Node.js que contém o npm para instalação das dependências.

• Clone o projeto na sua máquina executando o seguinte comando no seu terminal:

-https

git clone https://github.com/naereloire/SAP004-social-network.git

• Instale as dependências do projeto com o comando:

npm install

• Instale e execute o firebase:

npm install -g firebase-tools

firebase login

firebase init

• Para vizualizar no seu local:

firebase serve

⚠️ Neste projeto a regras de ESLint estão de acordo com o Airbnb JavaScript Style Guide

• Para verificar erros do ESLint:

npm run pretest

Testes 📋

• Para executar os testes:

npm test

Deploy 🔥

• Para executar deploy no firebase hosting:

firebase deploy

Esse projeto faz parte do currículo do Bootcamp da Laboratória Brasil

Desenvolvido por:

• Daiane Vieira
• Evellyn Thamires
• Naere Loire