CuriousLenz: Explore the World Around You with AI 🌿

Description and use

CuriousLenz showcases end‑to‑end integration of a vision AI model in a web app, enabling image uploads and AI explanations.

Integrating a vision‑capable AI model into a full‑stack web application for image understanding.

The project demonstrates end‑to‑end integration of a vision AI model in a web app, providing a practical learning experience for developers.

1. Create a React frontend with an image upload form.
2. Set up a Node.js backend to receive the image and forward it to the Groq API.
3. Configure environment variables for the Groq API key.
4. Deploy the frontend on Vercel and the backend on Render.
5. Test the live demo by uploading an image and verifying the AI response.

CuriousLenz lets users upload an image and get an AI-generated explanation.

Tech Stack: Frontend: React, Backend: Node.js, AI: Groq API with a vision-capable model, Deployment: Vercel and Render.

I wanted to build a practical AI-powered web application and learn how to connect a frontend, backend, and AI API into one working product.