This is a submission for Weekend Challenge: Dog Days Edition
I built Caninography, a small digital archive for exploring dog breeds from around the world.
I wanted it to feel more like a digital museum than a normal dog website.
You can explore breeds, their origins, history, countries, characteristics and connections between them.
The whole design is dark, clean and visual. I also kept it silent, so there is no distracting audio or player UI.
Live Demo:
GitHub:
https://github.com/maisamabbas0323/canonigraphy.git
How I Built It
I built it with React, Vite and TypeScript.
For the visual side, I focused a lot on typography, photography, smooth transitions and responsive layouts.
I also added an interactive world atlas and a constellation-style view to explore breed relationships.
For the content, I used Google Gemini to help create short and interesting breed information.
I didn't wanted to make another chatbot. Instead, Gemini stays behind the experience and helps make the archive content more rich while people simply explore it.
Prize Categories
Best Use of Google AI
Caninography is submitted for Best Use of Google AI.
I used Google Gemini to generate concise, breed-specific information based on the archive data.
The idea was to use AI in the background, not put a chatbot in front of the user.
Built With
React
Vite
TypeScript
Google Gemini
CSS
SVG
Canvas
A Little About The Idea
I always felt dog breed information is mostly shown as simple lists.
So I thought:
What if a dog archive felt like a museum?
That small idea became Caninography.
A place to explore their stories, origins and history — one breed at a time.
Top comments (0)