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.

AI Big Data Meilisearch Symfony Messenger Stripe PostgreSQL Multi-locale
ycon.cc

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