The latest articles on DEV Community by Frank William (@williamsdev). https://dev.to/williamsdev https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1192449%2F2eb94c86-0b3b-461f-a5dd-d5140c0e6f5d.jpeg https://dev.to/williamsdev en Frank William Wed, 11 Dec 2024 02:41:20 +0000 https://dev.to/williamsdev/utilizando-o-gemini-ai-para-ler-um-cupom-fiscal-2i6g https://dev.to/williamsdev/utilizando-o-gemini-ai-para-ler-um-cupom-fiscal-2i6g <p>Boa noite, pessoal. Mais um projeto de front feito claramente por um backend 😅 .</p> <p>O projeto/estudo que me dei hoje foi:<br> 1 - Criar um crud de compras com nextjs, tailwindcs com Stackspot AI<br> 2 - Utilizar IA para ler dados de um cupom fiscal<br> 3 - Preencher campos de um formulário com dados retornados<br> 4 - Persisti-los no localstorage(tirei essa ideia em um artigo onde o dono de um micro-saas estava querendo economizar com os custos do backend).<br> 5 - Deployar no vercel<br> A ideia do projeto já tenho a algum tempo que seria ter um controle dos preços mês a mês durante as compras no mercado.<br> Coloquei como poc pois é um projeto bem embrionário que possivelmente tentarei melhorar no futuro, além de refatorar o front e backend.<br> Quem quiser dar uma olhada no código fonte e na demo.</p> <p>demo: <a href="https://lnkd.in/daDnwyab" rel="noopener noreferrer">https://lnkd.in/daDnwyab</a><br> github: <a href="https://lnkd.in/d28rmetA" rel="noopener noreferrer">https://lnkd.in/d28rmetA</a></p> <p>#JAVASCRIPT #NOT_A_MICROSAAS</p> <p>Futuramente separo passo a passo o projeto.</p> ai gemini frontend nextjs Frank William Sun, 08 Dec 2024 18:26:19 +0000 https://dev.to/williamsdev/horoscopo-com-ia-uma-experiencia-com-nextjs-e-gemini-2l39 https://dev.to/williamsdev/horoscopo-com-ia-uma-experiencia-com-nextjs-e-gemini-2l39 <p>Olá, pessoal!</p> <p>Sou desenvolvedor backend há alguns anos e sempre estou buscando novas tecnologias. Recentemente, me interessei pela combinação de IA e astrologia e decidi criar um gerador de previsões de horóscopo utilizando a API Gemini.</p> <p>O projeto:</p> <p>Para este projeto, utilizei Next.js como frontend, o que foi uma ótima oportunidade para aprender um novo framework. No backend, utilizei o próprio Next.js e API do GEMINI para gerar as previsões. A ideia é simples: o usuário informa o signo e a IA gera uma previsão personalizada.</p> <p>Por que este projeto?</p> <p>Além de ser um exercício divertido, este projeto me permitiu explorar as capacidades da API Gemini e aprender mais sobre prompt engineering. Também foi uma chance de praticar minhas habilidades em javascript e aprender um pouco do Next.js.</p> <p>Próximos passos:</p> <p>Pretendo evoluir o projeto gerando imagens personalizadas para cada horóscopo, utilizando o próprio Gemini.</p> <p>Confira a demo e o código-fonte:</p> <p>Demo: <a href="https://ai-horoscope-ten.vercel.app/" rel="noopener noreferrer">https://ai-horoscope-ten.vercel.app/</a><br> GitHub: <a href="https://github.com/william1184/ai-horoscope" rel="noopener noreferrer">https://github.com/william1184/ai-horoscope</a><br> Gostou do projeto?</p> <p>Deixe seu feedback e sugestões! Se você também está interessado em explorar a API Gemini, me conta. </p> gemini nextjs webdev javascript