DEV Community

Michael Odhiambo
Michael Odhiambo

Posted on

Building with AI: A Deep Dive Into My Gemini-Powered Projects

Over the year, I’ve been experimenting with AI APIs, search engines, and creative automation — using Gemini, Hugging Face, GitHub integrations, and Google Programmable Search to build practical apps that solve real problems.
What started as small experiments grew into a collection of fully functional tools: storytelling apps, retrieval-only assistants, virtual try-on platforms, and multi-category AI quiz systems.

This is a breakdown of each project, the problems they solve, and the technologies behind them.


1. StoryLoom

Story loom page

StoryLoom is a storytelling platform designed for kids, teens, and anyone who loves creative narratives. The user chooses a theme, age range, and prompt, and the system generates:

  • A complete, original story
  • A matching AI-generated cover image
  • A comprehension quiz
  • Vocabulary flashcards
  • Translations into multiple languages
  • A read-aloud mode with customizable voices

Tech Behind the App

Frontend: React
Backend: Python Flask
AI Providers:

  • Primary: Gemini 2.0 Flash
  • Fallback: Hugging Face (Mixtral-8x7B)
  • Images: Hugging Face Image API

The core idea is reliability. If Gemini is available, the app uses it. If Gemini fails or isn’t configured, it falls back automatically to Hugging Face — no interruptions, no manual switching.

Why fallback matters:

  • Works even with free-tier API limits
  • Eliminates downtime
  • Avoids single-provider dependency

This project taught me a lot about multi-provider orchestration, structured prompting, and synchronizing text + image pipelines.


2. QuizBaze

Quiz baze landing page

QuizBaze was born from exam week pressure, trying to answer Quizlet flashcard questions quickly without flipping through dozens of sets manually.

This app doesn’t “generate” answers.
It only retrieves from Quizlet flashcards, guaranteeing zero hallucination.

How It Works

  1. User enters a flashcard question
  2. The system uses Google Custom Search Engine to find matching Quizlet pages
  3. It scrapes only the answer portion
  4. If no match exists, it returns “Not found.”

What Makes It Unique

  • 🔒 Retrieval-locked (no AI guessing)
  • ⚡ Fast, direct answers
  • 🎯 Exact matches from Quizlet only
  • 🚫 Zero hallucinations

This project highlights how powerful “search + extraction” systems can be even without model training.


3. StyleAI Studio

Style AI landing page

This is the most ambitious app in the list.
StyleAI Studio reimagines how users interact with fashion — for both individuals and businesses.

For Personal Users

  • Upload a photo of yourself
  • Upload clothing items
  • Generate a realistic try-on image
  • Manage your digital wardrobe
  • Auto-save your outfit history to your Google Drive

For Business Users

  • Upload mannequins + product photos
  • Add a description
  • Generate AI-powered product catalog images
  • Organize all business assets in a dedicated Google Drive folder

Tech Used

  • Gemini (for generation + transformations)
  • Google Drive API (personal + business storage)
  • Node/React (presentation layer)
  • Python backend (for image workflows)

This project pushed the limits of file handling, secure user asset storage, and realistic image manipulation.


4. QuizMate

quizmate landing page

QuizMate is a study companion that mixes retrieval, summarization, question generation, and flashcards into a single workflow. It turns any piece of content into structured learning material.

It uses:

  • Gemini for summarization + quiz generation
  • Optional search integrations for external material

A more flexible, personalized version of Quizlet + ChatGPT in one app.


5. Quiz Master

Quiz Master is an interactive quiz platform built with React (frontend) and Python FastAPI (backend). It combines traditional trivia APIs with Gemini-generated questions.

Features

  • Multiple categories: animals, sports, food, geography, trivia, etc.
  • Two modes:

    • Facts Mode: standard Q&A
    • Identify Mode: image-based guessing
  • AI-enhanced questions: Gemini generates variations, difficulty levels, and new questions

  • Real images: pulled from public APIs (e.g., TheMealDB, country flag APIs, animal APIs)

  • Scoring, review, and clean UI

Tech Stack

  • React
  • FastAPI
  • Gemini API
  • Third-party data sources

This app demonstrates how AI + external APIs + structured content can blend into a smooth quiz experience.


Why I Built These Projects

Each app solved a real need:

  • StoryLoom → creative storytelling and learning tools
  • QuizBaze → fast retrieval during tight deadlines
  • StyleAI Studio → a full AI-powered fashion workflow
  • QuizMate → personalized study automation
  • Quiz Master → fun but educational quiz generation

They also helped me explore:

  • Multi-provider AI systems
  • Retrieval-based AI (RAG without embedding models)
  • Vision + text generation
  • Search engine automation
  • Secure file storage with Google Drive
  • Python/Flask, FastAPI, React full-stack architectures

Top comments (0)