The latest articles on Forem by Anil S (@anils). https://forem.com/anils 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%2F1418138%2F041bb69d-330c-40b1-b9e3-320255ea7954.jpg https://forem.com/anils en Anil S Sun, 14 Apr 2024 20:48:50 +0000 https://forem.com/anils/ai-twitter-linkedin-bio-generator-2k1f https://forem.com/anils/ai-twitter-linkedin-bio-generator-2k1f <p><em>This is a submission for the <a href="https://dev.to/devteam/join-us-for-the-cloudflare-ai-challenge-3000-in-prizes-5f99">Cloudflare AI Challenge</a>.</em></p> <h2> What I Built </h2> <p>Excited to share my project, a NextJS full-stack web application designed to craft personalized Twitter or LinkedIn bios! Just enter a brief description of your profession or passions, choose your desired tone—be it Professional, Casual or Relaxed, or Funny—and hit 'generate'. It'll generate three different bios tailored to the selected vibe, ready for you to pick and copy with a simple click.</p> <h2> Demo </h2> <p>Link: <a href="https://ai-bio-gen.pages.dev/">https://ai-bio-gen.pages.dev</a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqdohersem88wk8s2jzdj.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqdohersem88wk8s2jzdj.jpg" alt="AI Bio Generator" width="800" height="612"></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzy6roio9fkserejmg821.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fzy6roio9fkserejmg821.png" alt="Casual Twitter Bio Generated" width="779" height="1144"></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjipshlxcq0t74j3s54qb.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjipshlxcq0t74j3s54qb.png" alt="Funny Twitter Bio Generated" width="711" height="1213"></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwfm9rkqavvr5g8nvticb.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwfm9rkqavvr5g8nvticb.png" alt="Casual LinkedIn Bio Generated" width="689" height="1195"></a></p> <h2> My Code </h2> <p>Here is the link to my Repo: <a href="https://github.com/theanilsomani/ai-bio-generator">https://github.com/theanilsomani/ai-bio-generator</a></p> <h2> Journey </h2> <p>This is my very first full-stack endeavor! It all started with an existing GitHub project that could only do Twitter bios, with a choice between two AI models. If you're curious, here's the original: <a href="https://github.com/Nutlope/twitterbio">Original Twitter Bio Generator</a>.</p> <p>I then switched gears to Cloudflare's Worker AI API, the Mistral 7b model, to power up the bio-gen magic. Not only did I manage to add LinkedIn bios to the mix, but I've also got big plans for more models and text-gen features down the road.</p> <p>I stumbled upon the Cloudflare competition a little late, so for now, I'm rolling with one model. But hey, it's been a blast learning about API routes and how to get things up and running on Cloudflare Pages.</p> cloudflarechallenge devchallenge ai nextjs