The latest articles on DEV Community by Sanja Malovic (@unjica). https://dev.to/unjica 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%2F515078%2F30bc373a-c0c3-4964-916d-9593ef78f921.jpg https://dev.to/unjica en Sanja Malovic Tue, 06 May 2025 11:26:36 +0000 https://dev.to/unjica/i-built-an-ai-powered-art-digest-that-writes-and-illustrates-itself-494i https://dev.to/unjica/i-built-an-ai-powered-art-digest-that-writes-and-illustrates-itself-494i <h2> I Built an AI-Powered Art Digest That Writes and Illustrates Itself </h2> <p>What happens when you combine real-time news, generative AI, and modern art?</p> <p>You get <a href="https://unjica.com" rel="noopener noreferrer">Unjica</a> — a living, breathing editorial that curates and reimagines contemporary art stories using OpenAI and custom code.</p> <h2> 💡 Why I Built It </h2> <p>As a developer and art enthusiast, I wanted to create something that:</p> <ul> <li>Keeps up with the fast-moving world of art and exhibitions,</li> <li>Feels editorial (not robotic),</li> <li>Looks beautiful, like a curated magazine,</li> <li>And updates itself — daily.</li> </ul> <h2> 🛠️ How It Works </h2> <ul> <li> <strong>Next.js + App Router</strong>: for structure and speed </li> <li> <strong>Prisma + PostgreSQL</strong>: to store and filter news </li> <li> <strong>OpenAI (GPT-4o &amp; DALL·E 3)</strong>: to generate articles and header images </li> <li> <strong>R2 Storage</strong>: to persist DALL·E outputs </li> <li> <strong>Scheduled CRON jobs on Vercel</strong>: for daily automation </li> <li> <strong>Markdown content</strong>: clean, simple, structured </li> </ul> <h2> ✨ What Makes It Interesting </h2> <ul> <li>Articles sound like real human writers — critical, witty, even poetic. </li> <li>Visuals are generated with painterly prompts (no generic AI mush). </li> <li>It's self-sustaining — I just keep refining it.</li> </ul> <p>Here's a <a href="https://www.unjica.com/art-news/digest/modern-masterpieces-the-muscarelle-museum-of-art-reimagined" rel="noopener noreferrer">recent post</a> to give you a taste.</p> <h2> 🧪 Challenges </h2> <ul> <li>Tuning prompts to avoid generic AI tone </li> <li>Balancing automation with taste </li> <li>Making SEO work with dynamic Open Graph images </li> </ul> <h2> 🚀 What’s Next? </h2> <ul> <li>Integrating artist interviews </li> <li>Letting users vote on which stories should be featured </li> <li>Adding human + AI collaboration tools </li> </ul> <p>Would love your thoughts — or any feedback on how to make it more useful for creators or art lovers.</p> <p>Thanks for reading 🙏</p> nextjs ai webdev Sanja Malovic Mon, 28 Apr 2025 08:38:28 +0000 https://dev.to/unjica/live-chat-support-starter-kit-open-source-79h https://dev.to/unjica/live-chat-support-starter-kit-open-source-79h <h2> 🚀 Live Chat Support Starter Kit — Open Source! </h2> <p>Hey everyone! 👋</p> <p>I’m excited to share something I’ve been building:<br><br> a full <strong>live chat support starter kit</strong> — built with <strong>Next.js App Router</strong>, <strong>Socket.IO</strong>, <strong>Zustand</strong>, and <strong>TailwindCSS</strong>!</p> <h2> ✨ What It Does </h2> <ul> <li>🔴 Real-time messaging between visitor and admin</li> <li>👩‍💻 Separate admin and visitor UIs</li> <li>💾 Persistence with sessionStorage/localStorage</li> <li>🔚 Admin can end conversations, visitor can resume later</li> <li>⚡ Deploy-ready: Vercel (frontend) + Railway (backend)</li> </ul> <p>✅ Lightweight, fast, customizable — and open-source!</p> <h2> 📸 Demo </h2> <ul> <li><a href="https://live-chat-support-demo.vercel.app/visitor" rel="noopener noreferrer">Visitor View</a></li> <li><a href="https://live-chat-support-demo.vercel.app/admin" rel="noopener noreferrer">Admin View</a></li> </ul> <h2> 🛠️ Tech Stack </h2> <ul> <li> <strong>Frontend</strong>: Next.js (App Router), Zustand, TailwindCSS</li> <li> <strong>Backend</strong>: Express.js + Socket.IO</li> <li> <strong>Persistence</strong>: LocalStorage + SessionStorage</li> <li> <strong>Deployment</strong>: Vercel + Railway</li> </ul> <h2> 📁 Project Repo </h2> <p>🔗 <a href="https://github.com/unjica/live-chat-support-demo" rel="noopener noreferrer">GitHub – unjica/live-chat-support-demo</a></p> <h2> 🎯 Why I Built It </h2> <p>I wanted to create a clean starter kit for developers that shows:</p> <ul> <li>Real-time Socket.IO communication</li> <li>Simple yet structured backend architecture</li> <li>Lightweight state management with Zustand</li> <li>Developer-first deployability (no database needed to start)</li> </ul> <h2> 🔥 Future Plans </h2> <ul> <li>Database persistence (MongoDB or PostgreSQL)</li> <li>Authentication for Admin panel (NextAuth.js)</li> <li>Multi-agent support (for multiple admins)</li> <li>Typing indicators with avatars</li> </ul> <h2> 🧠 How AI Helped </h2> <p>I used AI tools like Cursor and ChatGPT to:</p> <ul> <li>Structure the modular backend faster</li> <li>Improve Socket.IO error handling</li> <li>Draft early versions of the README and documentation</li> </ul> <h2> 🙌 Feedback Welcome </h2> <p>If you:</p> <ul> <li>Have ideas 💡</li> <li>Want to contribute 🔥</li> <li>Find it useful 🌟</li> </ul> <p>Feel free to open an issue, PR, or leave a comment!<br><br> Would love to hear your thoughts.</p> <p>Thanks for reading! 🚀</p> <h2> 📋 Tags </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> plaintext #opensource #nextjs #socketio #webdev </code></pre> </div> opensource nextjs socketio webdev