Munkáim és demók

Nézd meg a munkáimat és a különböző weboldal típusokat, amiket készítek. Minden projekt professzionális, modern és átgondolt. A demókon túl teljesen egyedi, igényre szabott weboldalakat is készítek.

Élő weboldalak

Valós, élesben működő weboldalak, amelyeket készítettem.

Számos projekt mellett a legnagyobbakat kiemeltem – a belvarosiekszerkovacs.hu, az ecovisual.hu, a goldipuppy.com és a sekurit-partner.hu a működő, élesben lévő weboldalaim közül.

✨ Live

Live

belvarosiekszerkovacs.hu

Live

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

Weboldal megnyitása

✨ Live

Live

ecovisual.hu

Live

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

Weboldal megnyitása

✨ Live

Live

goldipuppy.com

Live

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

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

Weboldal megnyitása

✨ Live

Live

sekurit-partner.huRólunk / AMTS 2026

Live

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

Weboldal megnyitása

✨ Live

Live

balintelekes.hu

Live

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:

Weboldal megnyitása

Demo projektek

Interaktív demók, amelyek bemutatják a különböző weboldal típusokat és funkciókat.

Authentication

Login/Register System

Intermediate

Full login and registration system with form validation, password strength checks and user authentication.

Technológiák:

ReactForm ValidationAuthenticationSecurity

Funkciók:

User Registration

Password Validation

Error Handling

Protected Routes

Session Management

Felhasználási esetek:

E-commerceAdmin PanelsUser PortalsSaaS Applications

Demo megtekintése

Dashboard

Admin Dashboard

Advanced

Professional admin interface with data management, interactive charts, statistics and user management.

Technológiák:

ReactChartsData VisualizationAnalytics

Funkciók:

Interactive Charts

Real-time Data

User Management

Statistics Panel

Responsive Tables

Data Export

Felhasználási esetek:

Business AnalyticsE-commerce AdminCRM SystemsManagement Tools

Demo megtekintése

Marketing

Modern Landing Page

Intermediate

Attractive landing page with animations, call-to-action buttons and conversion optimization. Ideal for marketing.

Technológiák:

Next.jsAnimationsSEOConversion Optimization

Funkciók:

Hero Section

Smooth Animations

CTA Buttons

Testimonials

Newsletter Signup

Mobile Optimized

Felhasználási esetek:

Product LaunchService PromotionEvent PagesLead Generation

Demo megtekintése

Content

Blog Platform

Advanced

Complete blog platform with articles, categories, comments and search functionality. SEO optimized.

Technológiák:

Next.jsCMSSEOMarkdown

Funkciók:

Article Management

Categories & Tags

Comment System

Search Functionality

Author Profiles

RSS Feed

Felhasználási esetek:

Personal BlogsCompany NewsDocumentationKnowledge Base

Demo megtekintése

E-commerce

E-commerce Shop

Advanced

Complete webshop solution with cart, product management, payment system and order tracking.

Technológiák:

Next.jsShopping CartPaymentDatabase

Funkciók:

Product Catalog

Shopping Cart

Checkout Process

Order Management

Payment Gateway

Inventory Tracking

Felhasználási esetek:

Online StoresDigital ProductsSubscription ServicesMarketplace

Demo megtekintése

Portfolio

Portfolio Website

Beginner

Personal portfolio website with projects, skills and contact form. Modern animated design.

Technológiák:

Next.jsTailwind CSSAnimationsSEO

Funkciók:

Project Showcase

Skills Display

Contact Form

About Section

Smooth Animations

Responsive Design

Felhasználási esetek:

FreelancersDevelopersDesignersCreatives

Demo megtekintése

Szeretnél ilyen weboldalt?

Teljesen egyedi, professzionális weboldalt készítek a te igényeidre szabva.

Vedd fel velem a kapcsolatot!