autor: Hylan Silva
Coautora: Andressa Mota
data de crição: 07/11/2022
data de ultima alteração: 23/11/2022
Site oficial da plataforma
Aqui estamos usando HTML5, CSS3 e Js. O projeto é fazer o MVP viavel.
eu (Hylan Silva) organizei quase todo o projeto dentro da página de assets, o que deixa mais simples e organizado. o arquivo principal e a página main é o index.html nele está a página principal que é a página de log-in.
a parte de Css foi divida em alguns arquivos dentro de uma pasta Css que podem ser bastante importantes no futuro. que no caso são:
index.css
É a parte principal da aplicação, onde o css que normalmente vai ser o criado para harmonizar o projeto,
reset.css
A técnica do reset css é uma forma de suavizar estas diferenças e padronizar a estilização, sobrepondo a formatação original do browsers com uma folha de estilo. Assim, o reset css se tornou um arquivo quase que obrigatório em cada projeto web.
images.css
Neste arquivo aqui vamos estilizar e formatar tudo que é css relacionado as imagens do nosso projeto
fonts.css
Este arquivo ta separado para podermos separar as fontes da marca e aplicá-la nas organizações do site.
pasta pages
Dentro dessa pasta tem o chat, chatmesseger, feed, forgot password e register.
pasta assets dentro de pages
Dentro dessa pasta contém o css, img e js.
chat.html
Este arquivo é uma funcionalidade do nosso aplicativo, sendo a tela que fica todos os contatos.
chatmesseger.html
Este arquivo faz parte do nosso aplicativo, sendo a tela com um chat.
feed.html
Neste arquivo contém outra funcionalidade do nosso aplicativo, onde é mostrado as publicações dos usuários cadastrados na plataforma.
forgotpassword.html
Este arquivo se refere a outra funcionalidade do nosso aplicativo, quando o usuário esquece sua senha de acesso.
register.html
Esse arquivo se refere a outra funcionalidade do nosso aplicativo, sendo a parte onde os usuários fazem o registro.
Este arquivo se refere a estilização dos arquivos: chat.html, chatmesseger.html, forgotpassword.html,register.html.
Este arquivo se refere a colocação da logo do projeto em: register.html
Este arquivo se refere a colocação da logo do projeto em: forgotpassword.html
Foi modificado as cores do projeto para o padrão de cores atuais:
TELA DE CADASTRO ATUAL
TELA DE LOGIN ATUAL
TELA DE ESQUECEU A SENHA ATUAL