Skip to content

Aprendizado de como criar um WebApp do whatsapp

Notifications You must be signed in to change notification settings

albsrocha/WhatsWeb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Messenger Web (whatsapp base)

Projeto para web messenger onde o objetivo é criar um App que me permite logar em minha conta e conversar com pessoas na rede. Este é um projeto bem audacioso e que está me ajudando a evoluir na jornada Front-End. A inspiração é no aplicativo simples de WhatsApp por um layout pronto e que posso me guiar inicialmente, porém, posso remodelar futuramete para uma experiência visual que considero mais agradável. Eu estou tentando manter um padrão em meus trabalhos com Material UI, porém ainda vou inserir e atualizar o esquemas de estilização incluindo a variavel theme que consta no Material UI para cores e outros ajustes.

Estou utilizando:

  • ReactJS
  • Material Ui
  • CSS (em alguns pontos para me ajudar, possível retirada futura)

O básico está sendo feito ainda e vamos adicionar mais funções futuras.

Da para pesquisar no emoticons, escolher cor e finalizar tela.

O que está pronto:

  • Layout do side, top, bottom
  • Layout do texto(msg) em andamento
  • Transcrição para texto utilizando gravação voz
  • Inserir emoticons escolhendo skins
  • Input para texto
  • Variavel pronta para inserir em banco de dados
  • Incluido layout para Status e pesquisa dentro das conversas

Próximos passos:

  • Inserir Login
  • Ativar os botões restantes
  • Pequenos ajustes no layout (fontes, cores e tamanhos)

Tela Inicial

Tela Inicial

Tela Mensagem

Tela Inicial

Tela Emoticons

Tela Inicial

Tela Inicial

Tela Status

Tela Inicial

Sobre mim

Ola me chamo Alberto Rocha sou estudante de CODING e amo tecnologia. Me aventuro sempre em ler e ter mais conhecimentos sobre:

Algumas habilidades e curiosidades.

- Hardware em geral  - Amo pesquisar de como está o mercado e entende o que aparece sendo promissor.
- Linux (amo e uso há 15 anos) desde Arch Linux para instalar, configurar ou até Ubuntu. 
- REACTJS - Tenho projetos postados no github.
- Styled-Component - Aprendendo a usar e amando como facilita a estilização e reaproveitamente em grandes projetos.
- GitHub - Utilizo para versionar e registrar alterações finalizando as publicações do projeto.
- JavaScript/NodeJS -  Quero fazer tanto a parte front-end quanto back-end.  Utilizando o nodejs+ express para conectar ao banco e fazer solicitações.
- MYSQL/Mariadb - São os bancos de dados que tenho preferencia em utilizar para meus projetos. Tenho ambição de aprendero um NOSQL. 
- Figma - estou aprendendo para desenhar e estruturar idéias.
- Métodologia Ágeis - Estou estudando o método SCRUM para facilitar e entender melhor como otimizar um trabalho em time.
- Inglês -  Conheço a nível intermediário para conversas e tecnico ainda mais que é necessário para entendimento de algumas questões sobre uso de tecnologias e tutorias que busco para entender certos usos.
- Não tenho medo de ir pesquisar, sei que não tenho conhecimento de tudo mas aprimorei em como pesquisar uma informação para utilizar.
- Tenho pequenos vídeos no Youtube sobre a plataforma dex samsung e como usar para programar (nada muito profissional apenas para divulgar informação).

Autores

About

Aprendizado de como criar um WebApp do whatsapp

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published