Vissza a főoldalra
Referenciák
Élő, élesben futó weboldalak részletes leírásaival – minden projekt egyedi igényre készült, professzionális megoldás.
Élő weboldalak
Valós, élesben működő weboldalak, amelyeket készítettem.
Az alábbiak között szerepel többek között a belvarosiekszerkovacs.hu, a programlaz.hu, az ecovisual.hu, a goldipuppy.com, a sekurit-partner.hu, a nextgentisza.hu és a balintelekes.hu is.
Live
belvarosiekszerkovacs.hu
Teljes körű e-commerce weboldal ékszerüzlet számára Stripe fizetéssel, Google OAuth autentikációval, admin panellel és egyedi ékszertervező funkcióval.
Technológiák:
Next.js 15.3.1 (App Router)React 19.0.0TypeScript 5Tailwind CSS 4Supabase (PostgreSQL, Auth, Storage)Stripe (Card Payment, Apple Pay, Google Pay)Google OAuth 2.0Framer Motion 12.7.4React Intersection ObserverEmailJSRow Level Security (RLS)Stripe Webhooksbcrypt password hashingRate limitingVercel Deployment
Funkciók:
Teljes webshop rendszer kosárral, kategóriákkal, termékkezeléssel
Stripe fizetési integráció (kártya, Apple Pay, Google Pay)
Bank átutalás és utánvét opciók
Google OAuth bejelentkezés/regisztráció
Email/jelszó autentikáció email verifikációval
Jelszó erősség indikátor valós idejű feedback-kel
Admin panel: termékek, rendelések, kategóriák kezelése
Készlet (stock) menedzsment automatikus csökkentéssel
Felhasználói dashboard rendelések követésével
Checkout flow szállítási adatokkal és fizetési mód választással
Ékszertervező funkció egyedi ékszerekhez
Galéria lightbox modal-lal
Cookie consent GDPR megfelelően
Splash screen animációval
Egyedi cursor follower effektus
Responsive design mobile-first megközelítéssel
SEO optimalizálás
Többképes termékfeltöltés
Realtime subscriptions
Payment Intent API és Webhook kezelés
Felhasználási esetek:
E-commerceJewelry storesOnline shopsAdmin dashboardsCustom designer tools
Live
programlaz.hu
Teljes körű helyfelfedező platform éttermekkel, szállásokkal, látnivalókkal és eseményekkel. Interaktív térkép, kategória-specifikus szűrők, teljes kezelhetőség admin panelből. Google Analytics, Search Console, SEO.
Technológiák:
Next.js 16 (App Router, Server & Client Components)React 19TypeScript 5Tailwind CSS 4Supabase (PostgreSQL, Auth, Storage, RLS, e-mail jelszó + session)Google Maps API (térkép, marker clustering, útvonal, Places Autocomplete)Server Actions és use server adatrétegDinamikus szűrőcsoportok kategóriánként (category_filter_groups)Cookie consent (GDPR)Vercel deployment
Funkciók:
Kezdőlap: hero, kategóriák grid, közelgő események carousel, népszerű helyek, statisztika, térkép illusztráció
Interaktív térkép: Google Maps, kategória/szűrő alapú szűrés, lista nézet, keresés (név, cím), Keresés zóna (kör sugárral), nyitva most szűrő
Térkép popup: Részletek, választható második gomb (Útvonal / Jegyvásárlás, adminból + URL)
Kategória oldalak: kategória-specifikus szűrők (DB: category_filter_groups), Hol?, Távolság, Rendezés, Nyitva most, esemény dátum
Hely részletek: leírás, képek, értékelés, nyitvatartás, térkép, menü/árlap/jegyvásárlás linkek, kedvencekhez adás
Felhasználói fiók: bejelentkezés/regisztráció, Kedvencek (gyűjtemény), beállítások
Hírlevél: feliratkozás, admin hírlevél kezelés
Admin panel: kategóriák (sorrend, header ikon, banner, szűrőcsoportok hozzárendelése), helyek (CRUD, képek, nyitvatartás, esemény dátum, térkép gomb + URL), szűrők (csoportok, opciók, kategóriákhoz rendelés), Partnereinknek PDF (feltöltés/törlés), főoldal statisztikák
Nyitva most: automatikus számítás nyitvatartás alapján (Budapest időzóna)
Partnereinknek: nyilvános oldal feltöltött PDF-vel, adminból cserélhető/törölhető
Reszponzív: mobilra optimalizált, horizontális görgetés (kategória sáv) touch-action kezeléssel
SEO: meta tagek, sitemap.xml és robots.txt, logikus URL-ek (kategoriak/[slug], hely/[slug], terkep)
Felhasználási esetek:
Helyfelfedező platformokÉttermek és szállások listázásaEsemény- és programkalauzFelhasználói fiók és kedvencekHírlevél és tartalomkezelésAdmin dashboard tartalom- és szűrőkezelésselInteraktív térképes alkalmazásokKategória-specifikus szűrők adatbázisból
Live
ecovisual.hu
Teljes körű környezetvédelmi szolgáltatások weboldala admin felülettel, 2FA biztonsággal, EOV koordináta konverterrel, HAK kód keresővel és interaktív térképekkel.
Technológiák:
Next.js 16.0.8 (App Router)React 19.2.1TypeScript 5Tailwind CSS 4.0Supabase (PostgreSQL, JSONB)JWT Authentication2FA (TOTP, Google Authenticator)bcryptjs password hashingNodemailer (Gmail SMTP)Leaflet.js (Interactive Maps)Proj4 (Coordinate Transformation)QR Code GenerationRow Level Security (RLS)Google AnalyticsStructured Data (Schema.org)Vercel Deployment
Funkciók:
Admin dashboard tartalom kezeléshez (Home, About, Services, Contact)
2FA (Two-Factor Authentication) TOTP algoritmussal
QR kód generálás Google Authenticator kompatibilitással
JWT token alapú munkamenet kezelés
EOV ↔ WGS84 koordináta konverter interaktív térképpel
HAK kód kereső webhook API integrációval
Kapcsolati űrlap Nodemailer email küldéssel
Supabase JSONB adattárolás dinamikus tartalomhoz
Server-side és client-side Supabase kliensek
HTTP-only cookies biztonságos token tároláshoz
Session timeout kezelés
Backup kódok generálása 2FA-hoz
Valós idejű koordináta konverzió
Hierarchikus HAK kód lista megjelenítés
SEO optimalizálás (meta tagek, schema.org, sitemap)
Responsive design mobile-first megközelítéssel
Scroll reveal animációk
Animált számlálók (stats counters)
Custom fonts (Outfit, Playfair Display, Apple Tea)
Felhasználási esetek:
Corporate websitesEnvironmental servicesAdmin dashboardsGeospatial applicationsContent management systems
Live
goldipuppy.com
Live e-commerce site with reservations, admin tools, multi-image uploads and full SEO.
Technológiák:
Next.js 14 (App Router)React 18TypeScriptTailwind CSSSupabase AuthSupabase PostgresSupabase StorageRoute Handlers (Edge/Node)Middleware (auth-aware)SEO (Open Graph, Twitter, metadataBase, canonical)Dynamic robots.txt & sitemap.xmlVercel Deploy
Funkciók:
Dynamic routes: /breeds/[breed], /breeds/[breed]/puppy/[puppy]
Custom API: /api/reservations
Admin APIs: /api/admin/puppies, /api/admin/reservations
Login required for reservations
Email auto-fill (read-only)
User dashboard: list, cancel, deposit status
Admin UI: multi-image upload, primary image select
Gallery & carousel (thumbnails, arrows)
Service role server writes
Bearer Authorization frontend ↔ API
Reservation create/list/delete/status sync
Branded verification email template
ESLint config and clean builds
Unified favicon/shortcut/Apple touch icons
Felhasználási esetek:
E-commerceBreeder sitesBookingsAdmin dashboards
Live
sekurit-partner.huRólunk / AMTS 2026
Sekurit Partner autóüveg-hálózat weboldalán az AMTS 2026 (Automobil és Tuning Show) aloldal fejlesztése. Drupal CMS Site Editor-rel készült tartalomkezelő aloldal a vállalat „Rólunk” szekciójában – az autóipari kiállítás bemutatására és a cég részvételének dokumentálására.
Technológiák:
Drupal CMSDrupal Site EditorContent Management SystemBlock-based layoutResponsive designTartalomkezelés (CMS)Rólunk / About us aloldal
Funkciók:
Drupal Site Editor vizuális tartalomszerkesztés
Rólunk szekció aloldal fejlesztése
AMTS 2026 eseménybemutató tartalom
Autóipari kiállítás információ prezentálása
Vállalati tartalomkezelés
Responsive és mobilbarát megjelenítés
SEO-barát URL struktúra (/rolunk/amts-2026)
Tartalom szekciók és blokkok
Felhasználási esetek:
Corporate websitesEvent pagesContent managementAutomotive industryDrupal CMS projects
Live
nextgentisza.hu
Prémium megjelenésű, többoldalas politikai-közösségi weboldal Next.js alapon, egyedi dizájnnal, élő countdownnal, EmailJS kapcsolatfelvétellel és teljes technikai SEO-val.
Technológiák:
Next.js 16 (App Router)React 19TypeScriptTailwind CSS 4EmailJS (@emailjs/browser)Next.js Image optimalizációSEO metadata (Open Graph, Twitter, canonical)robots.txt és sitemap.xmlJSON-LD (Organization schema)Vercel DeploymentGit + GitHub workflow
Funkciók:
Többoldalas App Router struktúra (Rólunk, Események, Hírek, Jelöltünk, Kapcsolat)
Reszponzív fejléc desktop + hamburger menü mobilon
Élő countdown bar (időzónahelyes, visibility/focus kezeléssel)
Jelöltünk dedikált oldal részletes bemutatkozással
EmailJS alapú kapcsolatfelvételi űrlap
Intelligens redirectek külső kampányoldalakra
Technikai SEO: structured data, canonical, robots, sitemap
Prémium dark-blue vizuális rendszer finom animációkkal
Felhasználási esetek:
Kampány oldalakKözösségi szervezetekPolitikai kommunikációTöbboldalas corporate weboldalak
Live
balintelekes.hu
Personal portfolio with modern, hydration-safe animations, strong SEO and a reusable component system.
Technológiák:
Next.js 15 (App Router, SSR/SSG, streaming)React 19 (Client/Server Components, Strict Mode)TypeScript (strong typing, DX)Tailwind CSS v3 (utility-first, dark UI)PostCSS + @tailwindcss/postcss, Autoprefixernext/font (Inter)Framer Motion (hero, CTA, cards)Heroicons (outline set)Custom i18n Context (HU/EN toggle, default HU)next/metadata SEO basics (title, description, canonical)Responsive grid (mobile-first, md/lg breakpoints)Hydration-safe animations (mounted flag)CSR-only animations, SSR-mismatch safeHolographic/frosted glass UI patterns
Funkciók:
Reusable modular sections: Navigation, Hero, Services, Projects, Templates, Contact, Footer
Page templates: Login, Register (step-based), Admin Dashboard (mock stats)
SEO-, performance- and responsiveness-first approach
Whitespace/overflow guards, z-index layering discipline
Hot reload dev experience, App Router segmentation
ESLint (Next config), typed props and clear structure
Accessibility: contrast, focus/hover states, ARIA-safe icons
Brand feel: subtle, professional animations with low amplitude
Hydration-stable animation architecture
Clean design system (spacing, shadows, gradients, blur)
Felhasználási esetek:
Szeretnél ilyen weboldalt?
Teljesen egyedi, professzionális weboldalt készítek a te igényeidre szabva.
Vedd fel velem a kapcsolatot!