GMI! | Devpost

Start page
Select card type
Edit card
Call to action

Project Overview

A sales and onboarding tool for Romax Digital. Client pastes website URL where the backend scrapes, Gemini analyses it and animates a digital wallet pass with preview built in real time.

What does our project solve?

This enables companies / clients to have an immersive and frictionless experience to view a potential version of their digital card based on their company's website URL. Showcases an interactable preview with real time editing / customisation on fields and theme, and a clear call to action to complete pass onboarding with Romax Digital.

Why did we make it?

Inspired by Romax Digital's Challenge prompting us to work on a sales and onboarding solution that involves brand identity extraction, AI interpretation and a complete full stack development.

Architecture

User pastes a website URL
        ↓
React + Vite frontend (localhost:5173)
        ↓
FastAPI backend (localhost:8000)
        ↓
httpx fetches raw HTML → BeautifulSoup extracts
title, description, og:image, favicon, theme-color, body text
        ↓
colorthief pulls dominant colour palette from logo
logo fetched as base64 — og:image saved as strip_image_url
        ↓
Gemini 2.5 Flash — Brand Analysis Agent
        ↓
Structured JSON: brand name, colours, pass type, fields, tagline
        ↓
Frontend animates pass card field by field
Strip/banner image loaded via /api/proxy (server-side fetch, avoids CORS)
        ↓
User edits inline → CTA screen → mock send to Romax team