https://github.com/leeocoder/image-effect-grayscale
ConvertImg é um web app de estudo que utiliza tecnologias como HTML, CSS, Javascript, Rust e WebAssembly para permitir que o usuário faça o upload de uma imagem, converta-a em base64 e envie-a para o backend em Rust.
https://github.com/leeocoder/image-effect-grayscale
Last synced: 5 months ago
JSON representation
ConvertImg é um web app de estudo que utiliza tecnologias como HTML, CSS, Javascript, Rust e WebAssembly para permitir que o usuário faça o upload de uma imagem, converta-a em base64 e envie-a para o backend em Rust.
- Host: GitHub
- URL: https://github.com/leeocoder/image-effect-grayscale
- Owner: leeocoder
- Created: 2023-03-17T14:48:41.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-03-17T16:29:02.000Z (almost 3 years ago)
- Last Synced: 2025-07-11T09:42:08.619Z (8 months ago)
- Language: JavaScript
- Homepage: https://image-effect-grayscale.vercel.app
- Size: 1.33 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Image Effect Grayscale
Image Effect Grayscale é um web app de estudo que utiliza tecnologias como HTML, CSS, Javascript, Rust e WebAssembly para permitir que o usuário faça o upload de uma imagem, converta-a em base64 e envie-a para o backend em Rust.
O backend em Rust converte a imagem de base64 para binário, transforma-a em escala de cinza e, em seguida, converte-a de volta para base64 antes de enviá-la de volta para o frontend.
O objetivo desse projeto é fornecer uma plataforma simples para aprender sobre as tecnologias web modernas e como elas podem ser combinadas para criar uma aplicação web funcional.
# Como usar
Para usar o ConvertImg, basta fazer o upload de uma imagem na página inicial e clicar no botão "Converter". O app então irá enviar a imagem para o backend, que fará a conversão para escala de cinza e enviará a imagem de volta para ser exibida no frontend.
# Tecnologias utilizadas
- HTML
- CSS
- JavaScript
- Rust
- WebAssembly
Você pode testar a aplicação aqui: https://image-effect-grayscale.vercel.app/