Skip to content

Lucca7r/chat-wss

Repository files navigation

📝 CHAT-WSS 📝

capa do projeto

Projeto desenvolvido em JavaScript e Node.js

Descrição   |    Tecnologias   |    Projeto   |    Colaboradores   |   

License


📝 Descrição

Este projeto foi feito para uma atividade acadêmica. Ele conta com um chat geral, uma conexão websocket, um jogo da memória, um player de música, um processamento de imagem para escala de cinza, utilizando o servidor Node para servir a imagem processada para o usuário, e uma calculadora. tambem contando com a API da unsplash para servi imagens random

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

  • Javascript
  • HTML & CSS
  • Boostrap & materialize
  • API unsplash
  • Node.JS
  • Websocket
  • Git e Github

💻 Projeto

Tela Login

Tela de de start do projeto rodando

Esta é uma página HTML para um formulário de login com tema sombrio. Ele usa Bootstrap para layout e estilo. O formulário possui um único campo de entrada para nome de usuário (denominado "Login") e uma caixa de seleção "Lembre de mim".



Tela de home
tela de login da aplicação

Aqui temos a tela de home onde voce encontra todas as funcionalidade de navegacao contando com o toast de bem vindo usando materialize


Tela de jogo da memoria


Esse é nosso jogo da memoria com o tema do rick and morty, fazemos o random das cartas e quando consegue acha todas aparace a notificacao do seu tempo no toast



Tela com player de musica


Aqui temos nosso player de musica com alguns classicos incontestaveis



Tela com processamento de imagem


Aqui temos nosso processamento de imagem, onde com o noda usando o sharp fazemos a escala de cinza em qualquer imagem que o usuario enviar

funcina com processamento no servido do node.js onde usamos a biblioteca sharp para fazer a escala de cinza com mais eficiencia possivel


Tela calculadora

e chegamos na nossa classica calculadora


👾Config

  • para fazer a inicializacao


npm run start && npm run img


- Assim voce consegue da o start no chat e no processamento de imagem para escala de cinza

🤝Colaboradores