ycon.cc
Klient: Hobby projekt
Sémantická vyhľadávačka 300 000+ ikon pre vývojárov a dizajnérov. Vyhľadávanie chápe kontext a synonymá v 7 jazykoch — AI obohatila každú ikonu cez masívne paralelné spracovanie cez Symfony Messenger. Jedným klikom dostaneš hotový kód pre 13 frameworkov: React, Vue, Symfony, Svelte, Angular, Laravel, Next.js a ďalšie.
O projekte
Vysokovýkonná sémantická vyhľadávacia platforma pre grafických dizajnérov a vývojárov. Projekt "ycon" vznikol z osobnej frustrácie: pri práci so Symfony UX Icons som si neuvedomil, že som tú istú ikonu nainštaloval z troch rôznych balíčkov. Tradičné full-textové vyhľadávanie nestačí — zlyháva na chýbajúcich súvislostiach a jazykových variantách. ycon.cc rieši tento problém raz a navždy: sémantické vyhľadávanie, ktoré chápe kontext a zámer.
Systém využíva Generative AI na automatické obohacovanie metadát — každá z 300 000+ ikon prešla procesom generovania sémantických synoným a ich prekladom do 7 svetových jazykov (SK, CS, EN, DE, FR, ES, PL). Celý obohacovací pipeline beží asynchrónne cez Symfony Messenger v masívne paralelných vláknach, čo umožnilo spracovanie celého datasetu v rekordnom čase.
Pre okamžité výsledky vyhľadávania je integrovaný Meilisearch, ktorý v kombinácii s AI-generovanými synonymami poskytuje relevantné výsledky aj pri nepresných alebo neúplných dopytoch. Po nájdení ikony stačí jeden klik — platforma automaticky vygeneruje hotový kód pre 13 frameworkov: Symfony UX, React, Vue, Nuxt, Next.js, Astro, Svelte, Angular, Laravel, Tailwind, HTML, SVG a PNG. Používatelia si môžu ikony ukladať do vlastných kolekcií a zdieľať ich s tímom.
Technické zaujímavosti
Architektúra je postavená pre maximálnu priepustnosť a škálovateľnosť. PostgreSQL uchováva raw SVG dáta pre 300 000+ ikon, kým Meilisearch obsluhuje všetky vyhľadávacie dopyty s odozvou v milisekundách. Prepojenie týchto dvoch systémov je kľúčové: vyhľadávač vráti len IDčka, SQL databáza dodá SVG telo — žiadne zbytočné dáta cez drôt.
Každá URL v systéme nesie dva dynamické segmenty: /{locale}/{framework}/. To umožňuje generovanie SEO-optimalizovaných stránok pre každú kombináciu jazyka a frameworku — napríklad Tabler Icons pre React má inú meta titulku, popis aj JSON-LD dáta ako Tabler Icons pre Symfony. Celá sitemap sa generuje dynamicky a aktualizuje pri každom deployi.
Autentifikácia beží cez Magic Link (bez hesla). Pre prémiové funkcie (zdieľané kolekcie, tímový prístup) je integrovaný Stripe payment processing.
Počas vývoja som vytvoril a open-sourcoval tri Symfony bundle-y: Progressive Image Bundle (plynulé načítavanie obrázkov), Persistent State Bundle (elegantná správa stavu) a UX SDC Bundle — vlastnú implementáciu Single Directory Components, na ktorej je postavený celý frontend ycon.cc.
Sémantické vyhľadávanie
AI-generované synonymá v 7 jazykoch (SK, CS, EN, DE, FR, ES, PL). Vyhľadávanie chápe kontext — nájdeš ikonu aj keď nevieš presný názov.
Kód pre 13 frameworkov
Jeden klik = hotový kód pre Symfony UX, React, Vue, Nuxt, Next.js, Astro, Svelte, Angular, Laravel, Tailwind, HTML, SVG alebo PNG.
Paralelná AI Pipeline
Symfony Messenger spracoval 300 000 ikon masívne paralelne — AI obohacovanie a preklad cez LibreTranslate v zlomku očakávaného času.
Kolekcie a zdieľanie
Ikony si ukladáš do vlastných projektov a zdieľaš s tímom. Prémiové plány cez Stripe, autentifikácia bez hesla (magic link).
SEO pre každú kombináciu
Každý jazyk × každý framework = unikátna SEO stránka. Dynamická sitemap, JSON-LD štruktúrované dáta, canonical a hreflang links.
Open Source Spin-offs
Vývoj ycon.cc priniesol tri verejné Symfony bundle-y: Progressive Image, Persistent State a UX SDC Bundle.
Technické funkcie
- 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