ycon.cc
Klient: Hobby projekt
Sémantický vyhledávač 300 000+ ikon pro vývojáře a designéry. Vyhledávání chápe kontext a synonyma v 7 jazycích — AI obohatila každou ikonu přes masivní paralelní zpracování přes Symfony Messenger. Jedním klikem dostaneš hotový kód pro 13 frameworků: React, Vue, Symfony, Svelte, Angular, Laravel, Next.js a další.
O projektu
Vysoce výkonná sémantická vyhledávací platforma pro grafické designéry a vývojáře. Projekt "ycon" vznikl z osobní frustrace: při práci se Symfony UX Icons jsem si neuvědomil, že jsem tu samou ikonu nainstaloval ze tří různých balíčků. Tradiční full-textové vyhledávání nestačí — selhává na chybějících souvislostech a jazykových variantách. ycon.cc řeší tento problém jednou provždy: sémantické vyhledávání, které chápe kontext a záměr.
Systém využívá Generative AI k automatickému obohacování metadat — každá z 300 000+ ikon prošla procesem generování sémantických synonym a jejich překladu do 7 světových jazyků (SK, CS, EN, DE, FR, ES, PL). Celý obohacovací pipeline běží asynchronně přes Symfony Messenger v masivně paralelních vláknech, což umožnilo zpracování celého datasetu v rekordním čase.
Pro okamžité výsledky vyhledávání je integrovaný Meilisearch, který v kombinaci s AI-generovanými synonymy poskytuje relevantní výsledky i při nepřesných nebo neúplných dotazech. Po nalezení ikony stačí jeden klik — platforma automaticky vygeneruje hotový kód pro 13 frameworků: Symfony UX, React, Vue, Nuxt, Next.js, Astro, Svelte, Angular, Laravel, Tailwind, HTML, SVG a PNG. Uživatelé si mohou ikony ukládat do vlastních kolekcí a sdílet je s týmem.
Technické zajímavosti
Architektura je postavená pro maximální propustnost a škálovatelnost. PostgreSQL uchovává raw SVG data pro 300 000+ ikon, zatímco Meilisearch obsluhuje všechny vyhledávací dotazy s odezvou v milisekundách. Propojení těchto dvou systémů je klíčové: vyhledávač vrátí pouze IDčka, SQL databáze dodá SVG tělo — žádná zbytečná data přes drát.
Každá URL v systému nese dva dynamické segmenty: /{locale}/{framework}/. To umožňuje generování SEO-optimalizovaných stránek pro každou kombinaci jazyka a frameworku — například Tabler Icons pro React má jinou meta titulku, popis i JSON-LD data než Tabler Icons pro Symfony. Celá sitemap se generuje dynamicky a aktualizuje při každém deployi.
Autentifikace běží přes Magic Link (bez hesla). Pro prémiové funkce (sdílené kolekce, týmový přístup) je integrovaný Stripe payment processing.
Během vývoje jsem vytvořil a open-sourcoval tři Symfony bundly: Progressive Image Bundle (plynulé načítání obrázků), Persistent State Bundle (elegantní správa stavu) a UX SDC Bundle — vlastní implementaci Single Directory Components, na které je postavený celý frontend ycon.cc.
Sémantické vyhledávání
AI-generovaná synonyma v 7 jazycích (SK, CS, EN, DE, FR, ES, PL). Vyhledávání chápe kontext — najdeš ikonu i když neznáš přesný název.
Kód pro 13 frameworků
Jeden klik = hotový kód pro Symfony UX, React, Vue, Nuxt, Next.js, Astro, Svelte, Angular, Laravel, Tailwind, HTML, SVG nebo PNG.
Paralelní AI Pipeline
Symfony Messenger zpracoval 300 000 ikon masivně paralelně — AI obohacování a překlad v zlomku očekávaného času.
Kolekce a sdílení
Ikony si ukládáš do vlastních projektů a sdílíš s týmem. Prémiové plány přes Stripe, autentifikace bez hesla (magic link).
SEO pro každou kombinaci
Každý jazyk × každý framework = unikátní SEO stránka. Dynamická sitemap, JSON-LD strukturovaná data, canonical a hreflang links.
Open Source Spin-offs
Vývoj ycon.cc přinesl tři veřejné Symfony bundly: Progressive Image, Persistent State a UX SDC Bundle.
Technické funkce
- Meilisearch with AI-synonym mapping
- Massive parallel metadata enrichment via Symfony Messenger
- 300,000+ icons × 7 languages × 13 frameworks
- Magic link login + Stripe for premium features
- Per-locale + per-framework SEO pages with JSON-LD
Galerie
