Giter VIP home page Giter VIP logo

souzabarbara / sap009-social-network Goto Github PK

View Code? Open in Web Editor NEW

This project forked from laboratoria/sap009-social-network

0.0 0.0 0.0 2.13 MB

Projeto em JavaScript, HTML e CSS, que consiste em uma rede social (SPA) com funcionalidades de cadastro, login, publicação, curtida e comentários de posts. A interface de usuário é projetada para ser atraente e intuitiva, permitindo que os usuários interajam facilmente com a rede social.

JavaScript 77.54% HTML 2.30% CSS 20.16%

sap009-social-network's Introduction

Self Love Club

logo-self-love-club

Índice


1. Definição do projeto

Projeto desenvolvido para o Bootcamp da Laboratória. "Self Love Club" é uma rede social que fornece um ambiente seguro e acolhedor para que os usuários possam se expressar, compartilhar experiências e fortalecer sua autoestima.

O projeto consiste na criação de uma SPA (Single-page Application) responsiva, que permite aos usuários criar uma conta de acesso, fazer login, criar, excluir e curtir publicações. A SPA é composta por diversas páginas/telas, que serão acessíveis através de uma navegação intuitiva e fácil de usar, além de ter uma interface atraente e funcional que permite aos usuários navegar pelas diferentes seções da rede social com facilidade.

Em resumo, "Self Love Club" é uma rede social que tem como objetivo promover o amor-próprio e a autoestima dos usuários, através da criação de uma SPA responsiva e funcional, que permita a interação e o compartilhamento de experiências de forma segura e acolhedora.

2. Contexto

Nos dias atuais, as redes sociais são uma parte essencial da vida das pessoas em todo o mundo. Elas permitem que os indivíduos se conectem com amigos, familiares e comunidades com interesses semelhantes. No entanto, muitas redes sociais têm sido criticadas por promoverem uma cultura de comparação, competição e baixa autoestima.

Nesse contexto, muitas pessoas estão buscando alternativas para se conectarem com outras pessoas de maneira mais saudável e positiva. Diante disso, tive a ideia de desenvolver uma rede social dedicada ao amor-próprio e à autoaceitação, que oferece um ambiente seguro e acolhedor para os usuários compartilharem suas histórias de superação, experiências positivas, dicas de autocuidado, autoestima, desenvolvimento pessoal e saúde mental, criando assim, uma rede de apoio virtual que ajuda os usuários a construírem relacionamentos positivos e encorajadores.

3. Pesquisa de Usuários

Com base nesse contexto, realizei a seguinte pesquisa com supostos usuários da rede social:

pesquisa-de-usuários

4. Histórias de Usuários

Baseado no resultado do processo de pesquisa, criei as Histórias de Usuários, em que os usuários são pessoas que desejam ter uma relação mais amorosa e saudável consigo mesmas.

histórias-de-usuários


4. Prototipagem

Primeiro, criei o Protótipo de Baixa Fidelidade na plataforma Miro onde depositamos e testamos nossas ideias inicias de design para o layout. Após as ideias terem sido testadas e refinadas, desenvolvemos o Protótipo de Alta Fidelidade na plataforma Figma, para avaliar a usabilidade e a aparência final do projeto antes de implementá-la, levando em consideração nossa pesquisa e histórias de usuário.

4.1 Protótipos de Baixa Fidelidade

  • Página de Login

prototipo-de-baixa-fidelidade-1

  • Timeline

protótipo-de-baixa-fidelidade-2

4.2 Protótipo de Alta Fidelidade

  • Página de Login

protótipo-de-alta-fidelidade-login

  • Timeline

protótipo-de-alta-fidelidade-feed

5. Acesso ao Projeto

Você pode acessar o projeto clicando aqui.

6. Tecnologias utilizadas

  • JavaScript
  • HTML
  • CSS
  • Miro
  • Figma
  • Trello
  • Firebase
  • GIT
  • Jest
  • ESlint

7. Definição de pronto

  • Ser uma SPA.
  • Ser responsivo.
  • Receber code review de pelo menos uma parceira de outra equipe.
  • Fazer tests unitários.
  • Fazer testes manuais buscando erros e imperfeições simples.
  • Fazer testes de usabilidade e incorporar o feedback dos usuários como melhorias.
  • Fazer deploy do aplicativo e marcar a versão (git tag)

sap009-social-network's People

Contributors

souzabarbara avatar moniyama avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.