Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
23 commits
Select commit Hold shift + click to select a range
062b121
Instalando styled-components
gabazevdo Jul 21, 2021
c824a75
Merge pull request #1 from future4code/gabriel-iniciando_projeto
Fogabi Jul 22, 2021
ed99a3b
Gabriela - Alteração na estilização da footer
Fogabi Jul 22, 2021
efd2073
Alterações de layout - Gabriela
Fogabi Jul 22, 2021
055669d
Merge pull request #2 from future4code/testes
gabazevdo Jul 22, 2021
e4e77f8
Responsividade para tablet - Gabriela
Fogabi Jul 22, 2021
bed8ea0
Merge pull request #3 from future4code/testes
gabazevdo Jul 23, 2021
ff27ce6
Lógica para enviar mensagens
gabazevdo Jul 24, 2021
12e430e
Merge pull request #4 from future4code/codigo-EnviarMensagem-Gabriel
Fogabi Jul 24, 2021
50af345
Ajuste dos balões de mensagem
Fogabi Jul 24, 2021
a5744eb
Merge pull request #5 from future4code/estilizazaoMensagens
gabazevdo Jul 24, 2021
f9b2971
Algumas alterações no CSS
gabazevdo Jul 24, 2021
12d14f1
Merge pull request #6 from future4code/branch-atualizacao-css
Fogabi Jul 24, 2021
9c4cc5b
changes
Fogabi Jul 24, 2021
1a8b422
Ajuste cor dos balões - Gabriela Fogaça Cunha
Fogabi Jul 24, 2021
cf710cd
Merge pull request #7 from future4code/estilizazaoMensagens
gabazevdo Jul 24, 2021
f3427f3
Estilização dos balões de mensagem
Fogabi Jul 24, 2021
a5395bb
Merge pull request #8 from future4code/estilizazaoMensagens
gabazevdo Jul 24, 2021
673a8e8
Inserindo animação nos balões
gabazevdo Jul 24, 2021
0cea846
Envio com o Enter
gabazevdo Jul 25, 2021
0e7cd8c
Conclusão do projeto - Ajeitando a casa - Readme mais apresentável
gabazevdo Jul 25, 2021
4210f48
Merge pull request #9 from future4code/Branch-atualização
Fogabi Jul 25, 2021
a6e80c8
Update README.md
gabazevdo Jul 25, 2021
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
57 changes: 57 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
# WhatsLab1
Atividade em dupla desenvolvida pela [Labenu](https://www.labenu.com.br/).
O objetivo é aplicar e desafiar a praticar os conceitos ministrados nas aulas de React.

### Instrutores:
[Bruno](https://github.com/BrunoMovio), [Amandinha](https://github.com/amandarangel/), [Darvas](https://github.com/pdarvas/) e [Camis](https://github.com/monteirocamis/).

## Conceitos aplicados:
- Componentes de classe e Estados
- Renderização de Listas
- Componentes Funcionais
#### Estilização:
- Styled-Components

## Desenvolvedores
[Gabriela Fogaça](https://github.com/Fogabi) e
[Gabriel Azevedo](https://github.com/gabazevdo)

## Link Surge

https://whatslab1.surge.sh/


---
# Escopo do projeto
Criar um aplicativo de troca de mensagens para bater de frente com os gigantes que existem atualmente, tais como WhatsApp, Telegram, Messenger e muitos outros.

Um projeto tão grande como este, normalmente, começa com a elaboração de um _MVP_. _MVP_ significa "_Minimum Valiable Product_", em tradução livre, "mínimo produto viável". Isto significa que começaremos implementando as _features_ (funcionalidades) que indiquem o objetivo principal do produto do nosso cliente. Desta forma, não há a necessidade de se desenvolver um sistema que envie e receba mensagens de fora - criaremos algo que simplesmente mostra novas mensagens.

## O escopo deste _MVP_ é:

**1. **Lista de mensagem:****
- Cada mensagem deve possuir um remetente (ou seja, um usuário que enviou) e o conteúdo em si.
- No layout, eles devem ficar assim:
***nome do remente:** conteúdo da mensagem*

**2. **Envio de mensagem:****
- Abaixo da lista citada, deve existir um local onde o usuário escolhe o nome do remetente (input) ; o conteúdo da mensagem (input) e um botão de enviar;
- No layout, eles devem ficar um ao lado do outro. Sendo o campo do remetente com largura muito menor do que o campo do conteúdo
- Ao enviar a mensagem, os campos devem ser resetados para ficar em branco novamente.
#### Exemplos:
[MVP](http://whats4-mvp.surge.sh/)
[Estilização dos balões.](https://www.notion.so/Estilizando-um-bal-o-de-conversa-responsivo-e-bonitinho-9245f28811644abe8d0147d9f686e7f3)


## Desafios para o projeto

- [X] Faça com que tanto o botão de enviar, como o botão "enter" envie
as mensagens.
- [X] Agora, vamos melhorar o design do nosso projeto.
(Obs.: é uma funcionalidade bem parecida com os grupos do Whatsapp). Tentem
seguir o [layout do exemplo](http://whats4-desafio.surge.sh/) como guia.
- [ ] Implemente a funcionalidade de deletar mensagem. Sempre que o
usuário clicar duas vezes em cima de uma mensagem ela deve ser
apagada.


18 changes: 18 additions & 0 deletions build/asset-manifest.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{
"files": {
"main.js": "/static/js/main.3ee415c7.chunk.js",
"main.js.map": "/static/js/main.3ee415c7.chunk.js.map",
"runtime-main.js": "/static/js/runtime-main.e056dd94.js",
"runtime-main.js.map": "/static/js/runtime-main.e056dd94.js.map",
"static/js/2.bc5de5f7.chunk.js": "/static/js/2.bc5de5f7.chunk.js",
"static/js/2.bc5de5f7.chunk.js.map": "/static/js/2.bc5de5f7.chunk.js.map",
"index.html": "/index.html",
"static/js/2.bc5de5f7.chunk.js.LICENSE.txt": "/static/js/2.bc5de5f7.chunk.js.LICENSE.txt",
"static/media/BackgroundWhats.c6f33f60.png": "/static/media/BackgroundWhats.c6f33f60.png"
},
"entrypoints": [
"static/js/runtime-main.e056dd94.js",
"static/js/2.bc5de5f7.chunk.js",
"static/js/main.3ee415c7.chunk.js"
]
}
1 change: 1 addition & 0 deletions build/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!doctype html><html lang="pt_BR"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"/><title>Whatslab1</title></head><body><div id="root"></div><script>!function(e){function t(t){for(var n,l,a=t[0],f=t[1],i=t[2],c=0,s=[];c<a.length;c++)l=a[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(p&&p(t);s.length;)s.shift()();return u.push.apply(u,i||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,a=1;a<r.length;a++){var f=r[a];0!==o[f]&&(n=!1)}n&&(u.splice(t--,1),e=l(l.s=r[0]))}return e}var n={},o={1:0},u=[];function l(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,l),r.l=!0,r.exports}l.m=e,l.c=n,l.d=function(e,t,r){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(l.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)l.d(r,n,function(t){return e[t]}.bind(null,n));return r},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/";var a=this.webpackJsonpwhatslab=this.webpackJsonpwhatslab||[],f=a.push.bind(a);a.push=t,a=a.slice();for(var i=0;i<a.length;i++)t(a[i]);var p=f;r()}([])</script><script src="/static/js/2.bc5de5f7.chunk.js"></script><script src="/static/js/main.3ee415c7.chunk.js"></script></body></html>
3 changes: 3 additions & 0 deletions build/static/js/2.bc5de5f7.chunk.js

Large diffs are not rendered by default.

50 changes: 50 additions & 0 deletions build/static/js/2.bc5de5f7.chunk.js.LICENSE.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/

/** @license React v0.20.2
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

/** @license React v16.13.1
* react-is.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

/** @license React v17.0.2
* react-dom.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

/** @license React v17.0.2
* react-jsx-runtime.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/

/** @license React v17.0.2
* react.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
1 change: 1 addition & 0 deletions build/static/js/2.bc5de5f7.chunk.js.map

Large diffs are not rendered by default.

2 changes: 2 additions & 0 deletions build/static/js/main.3ee415c7.chunk.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading