/picpeel

✂️ Ferramenta para remoção de fundos de imagens.

Primary LanguageTypeScriptMIT LicenseMIT

🌍 PortuguêsEnglish

Logo

PicPeel - Remoção de Fundos

✂️ Remova o fundo das suas imagens com um clique 🖼️

🔭 Visão Geral

PicPeel é uma ferramenta online que oferece uma solução rápida e eficiente para remover o fundo de imagens. Com tecnologia avançada, o PicPeel permite que os usuários transformem suas fotos, removendo automaticamente o fundo com precisão e facilidade.

Captura de Tela do App

🌐 Integração com a API remove.bg

O PicPeel utiliza a API remove.bg para oferecer a funcionalidade de remoção de fundo de imagens. Esta API é um serviço especializado que utiliza algoritmos avançados para detectar e remover o fundo de fotos com precisão.

Como Funciona:

  • Ao carregar uma imagem no PicPeel, a imagem é enviada para a API remove.bg.
  • A API processa a imagem, identificando e removendo o fundo.
  • A imagem processada é então retornada ao PicPeel, onde o usuário pode visualizar e baixar a foto sem fundo.

Important

A API remove.bg oferece um número limitado de remoções de fundo gratuitas por mês. Após atingir esse limite, é necessário adquirir créditos adicionais para continuar utilizando o serviço. Para usar a API no ambiente de desenvolvimento, você precisará de uma chave API válida. Inclua sua chave API no arquivo .env seguindo o exemplo fornecido em .env.example.

🔗 Links

  • ✨ Experimente a ferramenta aqui: Demo
  • 🌐 Saiba mais sobre a API do remove.bg: API

💻 Tecnologias

  • JavaScript: Linguagem de programação versátil e poderosa, utilizada para criar interações dinâmicas no lado do cliente.
  • TypeScript: Superset de JavaScript que adiciona tipagem estática, melhorando a segurança e a escalabilidade do código.
  • React.js: Biblioteca de JavaScript para construir interfaces de usuário com componentes reativos e eficientes.
  • Next.js: Framework de React que proporciona renderização no lado do servidor e otimização de imagens, melhorando a performance e o SEO.
  • Material-UI: Biblioteca de componentes de React para um desenvolvimento ágil e consistente de interfaces.
  • Emotion: Biblioteca de estilo que permite escrever estilos CSS com JavaScript, oferecendo uma experiência de desenvolvimento poderosa e flexível.
  • Axios: Cliente HTTP baseado em promessas para fazer requisições a APIs.
  • Formik: Biblioteca para construção de formulários em React, facilitando a gestão de estados dos formulários.
  • Yup: Construtor de esquemas para análise e validação de valores.
  • Tailwind CSS: Framework CSS para estilização rápida e responsiva com classes utilitárias.
  • Radix UI: Conjunto de componentes de baixo nível para construir interfaces de usuário de alta qualidade e acessíveis.
  • Next Themes: Biblioteca para implementar a troca de temas (claro/escuro) em aplicações Next.js.

⚙️ Configuração do Ambiente

Para executar o projeto localmente em um ambiente de desenvolvimento, certifique-se de ter o Node.js e o npm (ou yarn) instalados. Em seguida, siga estas etapas:

  1. Clone o projeto
    git clone https://github.com/rwbe/picpeel
    
  2. Navegue até o diretório do projeto:
    cd picpeel
    
  3. Instale as dependências usando npm ou yarn:
    npm install ou yarn install
    
  4. Inicie o servidor de desenvolvimento:
    npm run dev ou yarn dev
    
  5. Abra a aplicação no seu navegador. Por padrão, ela estará disponível em:
    http://localhost:3000
    

🚀 Autor

Este projeto foi criado por Ricardo Willian.

⭐️ Suporte

Se você gostou do PicPeel e deseja apoiar o projeto, considere deixar uma estrela no repositório do GitHub ou compartilhar nas redes sociais. Além disso, contribuições são sempre bem-vindas! Se você tem sugestões de melhorias, correções ou novas funcionalidades, sinta-se à vontade para fazer um Pull Request ou abrir uma Issue no repositório.

📜 Licença

Este projeto é distribuído sob a Licença MIT, permitindo uso, modificação e distribuição livremente, desde que mantida a mesma licença e reconhecimento dos autores originais.