AI-Powered Gift Recommendation App Built with Node.js and OpenAI

It's been a while since I've posted been heads down with Node.js deep dives, work projects, and a serious Python rabbit hole (more on that soon 🐍). But I finally shipped something I'm really proud of: Gift Genie an AI-powered gift recommendation app, built while studying AI Engineering Fundamentals on Scrimba. A huge shoutout to Scrimba the way they structure hands-on learning makes you actually build things, not just watch. This project came directly out of their AI Engineering path and it pushed me way further than I expected. You describe who you're buying for, any constraints (budget, location, occasion), and the Genie generates thoughtful, structured gift ideas in real time streamed token by token as the AI thinks. Sounds simple. The engineering wasn't. 😅 The trickiest part was getting real-time streaming to actually work on Netlify. Standard serverless functions time out if the AI takes too long to start the CDN kills the connection after 30 seconds of silence before you see a single word. I went through three different approaches before discovering Netlify Edge Functions Deno-based, runs at the CDN edge, streams natively. Problem solved. What's under the hood: → OpenAI Chat Completions API (streaming) → Server-Sent Events (SSE) -end-to-end → Node.js + Express (local dev server) → Netlify Edge Functions (Deno - production) → Vite + Vanilla JS + Marked.js + DOMPurify This project taught me more about HTTP streaming, CDN architecture, and serverless limitations than any tutorial I've read. If you're building AI apps and hitting 504 timeouts on Netlify switch to Edge Functions. You're welcome. 😄 [Live demo link: https://lnkd.in/dNYAn_7w] · [GitHub link: https://lnkd.in/dNYAn_7w] [Project Details: https://lnkd.in/d7yWVJgc] #AIEngineering #JavaScript #OpenAI #Netlify #Scrimba #ServerlessArchitecture #WebDev #BuildingInPublic

  • graphical user interface

To view or add a comment, sign in

Explore content categories