🚀 What is Utak-atik?

Utak-atik is my side project where I experiment with web technologies to build something useful and fun. The idea is simple:

• An affiliate product catalog where users can browse categories and items.
• An AI assistant powered by OpenRouter that helps answer questions or guide visitors.

Think of it as a mix of e-commerce + AI — but still simple, lightweight, and focused on learning.

🛠️ Tech Stack

For this project, I use:

• Next.js → for the frontend framework (fast and easy to deploy on Vercel).
• Supabase → as the backend database and authentication (Postgres + APIs out of the box).
• OpenRouter AI → for the chat assistant (like ChatGPT, but with free/alternative model options).
• Vercel → for hosting, automatic deployment from GitHub.

📂 Features So Far

✅ Homepage with AI Chat + Product Categories
✅ Dynamic Category Pages that list affiliate products
✅ Mobile-friendly product grid (2 per row on small screens)
✅ Search bar for finding products
✅ Placeholder image if product image is missing

🏗️ Next Milestones

• Setting up Supabase + RAG pipeline for smarter AI answers (knowledge-augmented responses).
• Admin panel to manage categories and products directly from the database.
• Improved UI with better styling, animations, and branding.

💡 Why This Project?

I built Utak-atik as a way to:

• Learn modern web stack (Next.js, Supabase, AI APIs).
• Explore affiliate marketing integration.
• Document my journey while still keeping it fun and experimental.

🌐 Live Demo

Once deployment is stable, you’ll be able to check it out on Vercel:
👉 Demo Link

✨ Github:

https://github.com/awandha/my-diy-app

🙌 Final Thoughts

Utak-atik is not just a project, but my sandbox to learn, build, and iterate. If you’re into web dev, AI, or affiliate marketing, stay tuned — I’ll keep sharing updates!