Modifica | Conversor e Compressor de Imagens

Este projeto é uma ferramenta para converter e comprimir imagens em diversos formatos diretamente no navegador. Ele é feito com tecnologias modernas e pode ser instalado como uma PWA, permitindo o uso offline. A interface é clara e objetiva, com suporte para dark e light mode.

✨ Funcionalidades

1. Conversão de Formatos

Converta suas imagens para vários formatos populares, como PNG, JPEG, GIF, BMP, e mais.

2. Compressão de Imagens

Reduza o tamanho das suas imagens.

Exemplo utilizado:

Antes	Depois
45,8 MB	953 KB

3. Processamento Local

Todo o processamento é feito no seu navegador, garantindo que seus dados permaneçam privados.

4. PWA (Progressive Web App)

Instale o aplicativo como uma Progressive Web App e use-o offline.

5. Modo Claro/Escuro

Escolha entre modos claro e escuro para uma melhor experiência de usuário.

🛠️ Tecnologias Utilizadas

• Next.js: Framework React para desenvolvimento de aplicações web.
• Tailwind CSS: Framework CSS para estilização.
• Zustand: Biblioteca de gerenciamento de estado para React.
• FFmpeg WASM: Ferramenta para processamento de vídeo e imagem.
• Browser-Image-Compression: Biblioteca para compressão de imagens no navegador.
• Framer Motion: Biblioteca para animações e transições em React.

🚀 Como Rodar o Projeto

Pré-requisitos

Certifique-se de ter o Node.js e o npm instalados na sua máquina.

Passos

1. Clone o repositório:

   git clone https://github.com/srdmatheus/modifica.git
   cd modifica

2. Instale as dependências:

   npm install

3. Inicie o servidor de desenvolvimento:

   npm run dev

4. Acesse a aplicação:

   Abra o navegador e vá para http://localhost:3000.

🎨 Layout

Você pode conferir minha inspiração de layout do projeto aqui.

📞 Contato

Confira mais no meu site pessoal.
Para conversas e colaborações, me encontre no LinkedIn.