{"slug": "caninography", "title": "Caninography", "summary": "A developer built Caninography, a digital archive for exploring dog breeds, using React, Vite, TypeScript, and Google Gemini. The site presents breed information in a museum-like, dark, visual interface with an interactive world atlas and constellation-style view, with Gemini generating content behind the scenes rather than as a chatbot. The project was submitted for the Weekend Challenge: Dog Days Edition and for Best Use of Google AI.", "body_md": "This is a submission for Weekend Challenge: *Dog Days Edition*\n\nI built Caninography, a small digital archive for exploring dog breeds from around the world.\n\nI wanted it to feel more like a digital museum than a normal dog website.\n\nYou can explore breeds, their origins, history, countries, characteristics and connections between them.\n\nThe whole design is dark, clean and visual. I also kept it silent, so there is no distracting audio or player UI.\n\n[https://github.com/maisamabbas0323/canonigraphy.git](https://github.com/maisamabbas0323/canonigraphy.git)\n\nI built it with React, Vite and TypeScript.\n\nFor the visual side, I focused a lot on typography, photography, smooth transitions and responsive layouts.\n\nI also added an interactive world atlas and a constellation-style view to explore breed relationships.\n\nFor the content, I used Google Gemini to help create short and interesting breed information.\n\nI 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.\n\nCaninography is submitted for Best Use of Google AI.\n\nI used Google Gemini to generate concise, breed-specific information based on the archive data.\n\nThe idea was to use AI in the background, not put a chatbot in front of the user.\n\nBuilt With\n\nReact\n\nVite\n\nTypeScript\n\nGoogle Gemini\n\nCSS\n\nSVG\n\nCanvas\n\nI always felt dog breed information is mostly shown as simple lists.\n\nSo I thought:\n\nWhat if a dog archive felt like a museum?\n\nThat small idea became Caninography.\n\nA place to explore their stories, origins and history — one breed at a time.", "url": "https://wpnews.pro/news/caninography", "canonical_source": "https://dev.to/maisamabbas0323/caninography-36g5", "published_at": "2026-08-17 03:13:42+00:00", "updated_at": "2026-08-17 03:41:47.419750+00:00", "lang": "en", "topics": ["generative-ai", "ai-products", "developer-tools"], "entities": ["Caninography", "Google Gemini", "React", "Vite", "TypeScript"], "alternates": {"html": "https://wpnews.pro/news/caninography", "markdown": "https://wpnews.pro/news/caninography.md", "text": "https://wpnews.pro/news/caninography.txt", "jsonld": "https://wpnews.pro/news/caninography.jsonld"}}