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 és a goldipuppy.com a működő, élesben lévő weboldalaim közül.

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-commerce •Jewelry stores •Online shops •Admin dashboards •Custom designer tools

Weboldal megnyitása

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-commerce •Breeder sites •Bookings •Admin dashboards

Weboldal megnyitása

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-commerce •Admin Panels •User Portals •SaaS 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 Analytics •E-commerce Admin •CRM Systems •Management 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 Launch •Service Promotion •Event Pages •Lead 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 Blogs •Company News •Documentation •Knowledge 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 Stores •Digital Products •Subscription Services •Marketplace

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:

Freelancers •Developers •Designers •Creatives

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!