Executando verificação de segurança...
6
IsraelRodrigues
3 min de leitura ·

1 Site, 35 ferramentas, 8 línguas, em 24h. A IA revolucionou meu trabalho!

E aí, pessoal! Queria compartilhar uma experiência interessante que rolou hoje. Usei o ChatGPT o3-mini para montar um site em um dia, a ideia era colocar a maior quantidade de ferramentas diferentes e tentar ganhar alguns trocados no futuro com Google Ads, mas o mais bacana foi ver como a IA está realmente mudando a forma de desenvolver aplicações.

O site, https://freakingtools.com , é um compilado de um monte de ferramentas como: "QR Code Generator", "Text Encrypt/Decrypt", "Pomodoro Timer", "Image Converter", "PDF Converter" e muito mais. Desde o início eu queria traduzir todas as ferramentas para a maior quantidade de idiomas possíveis, por enquanto já são 8 – inglês, português, espanhol, hindi, chinês, árabe, francês e bengali (nem sabia que existia). Isso abre um leque de possibilidades para alcançar pessoas de diferentes partes do mundo.

A ideia disso veio enquanto eu assistia esse vídeo no youtube:
https://www.youtube.com/watch?v=CqpDXeMIY1Q&t=1550s&ab_channel=WesRoth
Nele, o cara mostra o poder do o3-mini e gera várias páginas html bonitas e funcionais com um único prompt e foi isso que tentei fazer. Criar páginas com um único prompt e funcionou muito bem.

Pra quem ficou curioso, meus prompts basicamente foram isso:

Estou criando um site com svelte, a intenção dele é ter várias ferramentas utilitárias do dia a dia, como timer, calculador de juros compostos, regra de 3, pomodoro timer e etc. Você deve me ajudar a criar mais páginas com outras ferramentas. As páginas devem ser traduzidas para vários idiomas, então, no lugar de qualquer descrição ou texto, deve ser colocada uma variável para usar com i18n. Vou te dar um exemplo de página existente, use esse modelo para gerar novas páginas:

(exemplo de uma página aqui)
(exemplo de um arquivo .json de tradução aqui)

então sempre me retorne esses dois arquivos, a página svelte e os textos de tradução para en.json, apenas em ingles por enquanto.

a primeira ferramenta que quero que crie é um Leitor de QR Code, o usuário vai fazer o upload de uma imagem e você tenta exibir o conteúdo do qrcode.
Se tiver libs pelo npm para instalar, me informe.

agora uma Calculadora de Consumo de Combustível

agora um Gerador de Mapas Mentais

ok, agora quero um Teste de Velocidade da Internet

ok, agora quero uma página que seja um Conversor de Texto para Base64 e Vice-Versa

ótimo, agora quero um de Image To Base64 e vice versa

Foi bem impressionante fazer isso em um único dia e essa experiência me fez pensar sobre o futuro da programação e como podemos explorar essas novas tecnologias para criar projetos de forma mais rápida e eficiente.

Observação: Sou dev há mais de 10 anos e isso com certeza me ajudou a fazer isso nesse prazo e a resolver alguns probleminhas, não se sinta mal se for tentar algo do tipo e demorar um pouco mais.

E vocês, testaram alguma ferramenta de IA legal nos últimos dias? Bora trocar ideias e ver como essas inovações estão impactando nossos projetos!

Abraços!

Carregando publicação patrocinada...
1
teknolista

Bacana a tua iniciativa. O que penso eu é "como usar isso sem um site"? Um site precisa de url, que normalmente não decoramos. Favoritamos no browser ou procuramos no google quando precisamos. Aí tem a concorrência pipocando acima da url.

Se a necessidade surge antes de abrir o navegador, pra quê abrí-lo. Se eu to fazendo algo e preciso de uma "freaking tool" naquele momento, gostaria que o formulário surgisse na minha frente, digitaria (ou ditaria) os valores e teria o resultado.

Bom, essa é a minha ideia, caso queira trocar ideias. Acho que a Microsoft tá no caminho certo colocando IA no Windows. A inteligência artificial (Scarlett Johansson) do filme Her (2013) era um novo sistema operacional que o personagem do Joaquin Phoenix instalou no computador pessoal dele. Só que não me sinto seguro sabendo que tudo que fizer será enviado a um servidor "não-sei-onde" e ficará armazenado "não-sei-por-quanto-tempo" para ficar disponível pra "não-sei-quem". Por isso estou usando Linux.

PS: teu link "freakingtools.com" não está apontando para o site...

1
IsraelRodrigues
Autor
Autor

A ideia é que as páginas sejam muito bem ótimizadas no SEO e que os navegadores entregem as páginas específicas que as pessoas buscam. Entendo que ninguém entra em um que faz tudo procurando alguma ferramenta em específico, é mais fácil ir no google e pesquisar por "calculadora de regra de 3" e é aí que quero que meu site apareça.

1
diversalizando

Cara tenho um site assim, usa.app.br, tem que ter muito acesso, igual monetizar video no youtube, não é uma tarefa facil. Fiz pro meu uso! Só paginas estaticas, simples, e funcionais, nem sei se tem visita! tenho que melhorar as tags das paginas. O interessante memso é colocar propaganda pois assim o proprio google sugere aquele conteudo de propaganda, a ideia é colocar sem poluir o site. o foda que ja vai pegar e muito se por..

2
IsraelRodrigues
Autor
Autor

Poisé, essa foi uma coisa que eu pedi pra IA fazer, otimizar muito bem a parte de SEO, então, cada página tem as meta descriptions, titles, urls de referencia de cada lingua... Também estou gerando o sitemap dinamicamente. O fato de estar em muitos idiomas acho que também ajuda, o google analitycs já mostra alguns acessos organicos de países como arabia saudita, india e china

1
redenflu

Caraca, bem legal. Acessando aqui, precisa corrigir o link na postagem para abrir o site corretamente, esta com erro.
Sobre monetizar, já consegue rodar ads pela plataforma nacional www.upeex.com aprova sites pequenos.

0
1
1
Bassani

Cara, estou nessa também. Sou Dev há 7, quase 8 anos (comecei a programar muito novo, tenho 19 anos. Os últimos 3/4 anos foram com programação mais a sério, e os anteriores foram mais de aprendizado), e estou testando também algumas ferramentas de IA. O Cursor, por exemplo, tem me permitido criar aplicações na "velocidade da luz" rs. Uso o Claude 3.5 sonnet nele, e estou tentando usar o Claude 3.5 também no site da própria claude para estruturar o projeto. Primeiro, crio um arquivo md com o Claude no site oficial deles, e esse arquivo eu coloco no projeto, e peço para o Cursor trabalhar em cima disso... O resultado tem sido sensacional. Mesmo projetos mais simples, que gastaria sozinho para desenvolver uma semana ou duas, ele faz em questão de algumas poucas horas. Muito interessante usarmos essas ferramentas para aumentar a nossa produtividade. Estou usando agora na empresa que trabalho também. As entregas ficam muito mais rápidas que o convencional. Facilita pra caramba! Fico pensando no quão vantajoso é ter a oportunidade de usar essas ferramentas não como substitutas nossas, mas como ajudantes. Nos permitem fazer um trabalho bom e rápido! Tenho gostado pra caramba.

1
Bassani

Uma dica a mais: vi teu site aqui, e ficou bem legal! Se você jogar no cursor este mesmo projeto, conseguirá pedir a ele para agir como um UI/UX, e pedir que ele torne as páginas com um layout e um design mais modernos! Se for testar, me fala depois se curtiu o resultado!