WEB_DEVELOPMENT_CASE_STUDIES

Web work that goes past portfolio pages.

A focused view of the web-development work behind production platforms, client websites, marketplace flows, payment systems, automation dashboards, and admin tooling.

Minecraft systems

Current web-development range

strong web cases

AI platform, production OS, nonprofit site, client websites, marketplace, store, automation

Full stack

coverage

frontend, APIs, auth, databases, media, payments, deployment

Business first

focus

interfaces built around workflows, not just static pages

AI_ORCHESTRATION_PLATFORMAgent control plane

Codex Hivemind

A distributed AI orchestration platform for coordinating sandboxed coding agents, routing work between specialized workers, and giving agents access to structured tools through MCP-style interfaces.

Built as a control surface for task decomposition, agent execution, memory/context routing, infrastructure isolation, and operational visibility.

RustDockerMCPRedisNext.js 14Agent toolingSandboxing

Agent orchestration

Coordinates specialized workers instead of treating one assistant as the whole system.

Task decomposition

Breaks larger coding objectives into smaller agent-owned execution paths.

Sandboxed execution

Uses Docker-oriented isolation patterns so agent work can run with clearer operational boundaries.

Memory routing

Routes context and retrieved memory to the worker that needs it instead of flooding every task with the same data.

MCP tool layer

Builds around Model Context Protocol style tooling so agents can call structured capabilities instead of relying only on chat text.

Control-plane thinking

Frames AI as an operated system with workers, queues, state, execution, and visibility rather than a prompt-only feature.

Key strengths

AI infrastructure and web control surfaces around real developer workflows.
Combines backend systems, orchestration, containers, tool protocols, and product UI.
Designed for operated agent workflows instead of one-off prompt experiments.

Animation commerce platform

Release dashboard

Product workspaces

Animation library

Workflow map

Products

Animation Library

Repair Studio

MythicMobs

PRIVATE_PRODUCTION_OSAnimation commerce platform

Mob Moves

A private production platform for turning a large Minecraft mob animation library into sellable product packs, with authenticated tools for daily asset and release work.

The platform connects authenticated admin surfaces, PostgreSQL data modelling, file-backed production assets, Three.js preview tooling, Blockbench export logic, MythicMobs handoff workflows, QA tracking, and release planning.

Next.jsTypeScriptPrismaPostgreSQLThree.jsBlockbenchSystemdVPS

Open live site

Release dashboard

Readiness views for products, blockers, missing media, stale export jobs, QA issues, and release candidates.

Product workspaces

Product detail pages that connect animations, models, generated artifacts, media, store copy, MythicMobs config, and status.

Animation library

Browse, search, group, exclude, and review large animation catalogs before they become commercial packs.

Repair studio

Revision-aware animation correction with preview-safe transforms, offset controls, root motion handling, and Blockbench-safe export separation.

Animation factory

Tools for recombining body segments from different animations to create new product variations faster.

Store preparation

Media, copy, product metadata, and release packaging workflows designed around actually selling the packs.

Export pipeline

Native Blockbench `.bbmodel` generation, validation, artifact history, stale checks, and job tracking.

Operations

Authenticated access, API tokens, audit trail, import scripts, deployment notes, and server-side workflow controls.

Key strengths

Specialized internal software for a real production workflow.
Combines web UI, 3D preview, file processing, data modelling, and release operations.
Built around a real production bottleneck: converting creative assets into sellable products reliably.

Modern dental clinic website

Treatment pages

Team presentation

Pricing page

Workflow map

Home

Treatments

Team

Prices

CLIENT_SITEModern dental clinic website

Edenth

A polished clinic website for a modern dental practice in Floresti, focused on trust, service discovery, clinic story, treatment pages, pricing, team presentation, and clear contact paths.

The site presents medical services with a professional tone, structured content, and clear paths toward contact and appointment intent.

Responsive webSEO pagesService contentContact flowsBusiness presentation

Open live site

Treatment pages

Dedicated dental service pages that explain care areas instead of forcing everything into one generic services block.

Team presentation

Clinic credibility through medical team content and a more human, trust-building website structure.

Pricing page

Separate prices/tarife area for visitors who need practical decision-making information before booking.

Contact path

Clear clinic contact details, phone-first access, and location information for local search intent.

Story page

Narrative clinic positioning around a more empathetic, modern dental experience.

Public live site

A client-facing production website that can be reviewed directly by potential customers.

Key strengths

Business-site polish and clear content architecture.
Built for a real clinic audience, not only technical users.
Focused on presentation, trust, and conversion.

Dental appointment website

Appointment flow

Dental services

Contact details

Workflow map

Hero CTA

About

Services

Booking Form

CLIENT_SITEDental appointment website

Dentistry by M

A practical clinic website centered on immediate appointment intent, dental-service discovery, clinic trust, and direct contact for a local medical business.

The site focuses on fast booking intent through service sections, appointment CTA, phone/email/address visibility, and a structured contact form.

Responsive UIAppointment CTAContact formService sectionsLocal business UX

Open live site

Appointment flow

Visible booking CTA and contact form fields for name, phone, email, message, and appointment intent.

Dental services

Service coverage across prevention, pediatric dentistry, odontology, endodontics, prosthetics, orthodontics, surgery, implants, and periodontology.

Contact details

Phone, email, address, clinic schedule, and location information are easy to find for appointment intent.

Clinic trust

About and service copy frame the clinic as modern, patient-centered, and full-service.

Simple navigation

A compact structure around home, about, services, and contact that suits a local clinic audience.

Key strengths

Straightforward business site built around booking and contact.
Clear service presentation for a local medical audience.
Practical appointment-focused flow without unnecessary product complexity.

Gamified education website

Bilingual navigation

Narrative landing page

Donation flow

Workflow map

Hero

Mission

Minecraft History

Donate

NONPROFIT_CLIENT_SITEGamified education website

Games of Education

A production nonprofit website for a gamified education association, built around a strong space-themed visual identity, bilingual navigation, donation intent, volunteer enrollment, and clear organization trust details.

The site turns a nonprofit mission into a polished public experience: mission, impact numbers, flagship Minecraft History project, future plans, involvement paths, team roles, contact details, Discord access, and legal information.

Next.jsResponsive webBilingual UXConversion modalsContact formsLegal content

Open live site

Bilingual navigation

RO/EN language paths, sticky desktop navigation, mobile menu behavior, and section anchors for about, projects, involvement, team, and contact.

Narrative landing page

A complete public story around the association mission, impact stats, Minecraft History project, future plans, ways to help, team roles, and contact.

Donation flow

Secure donation modal with preset amounts, custom amount entry, recurring donation toggle, fee/total summary, compliance messaging, and payment handoff.

Volunteer enrollment

Volunteer modal with profile summary, contact details, phone/WhatsApp and city fields, and a step-based recruitment flow.

Contact and newsletter

Contact form with newsletter opt-in, email, location, Discord links, and direct communication paths for supporters and partners.

Legal and trust footer

Footer structure with navigation, privacy/cookie/terms links, legal identification, donation/refund policy, complaints policy, ANPC, and payment safety links.

Key strengths

Live nonprofit website with a distinctive visual system and responsive layout.
Shows more than static brochure content: donation and volunteer conversion flows are part of the experience.
Good proof of client-site polish, content architecture, trust-building, and business/nonprofit CTA design.

MARKETPLACE_PROTOTYPEFreelancing platform

ProTeamHub

A feature-rich freelancing marketplace prototype built as a bachelor thesis project, with customers, freelancers, teams, proposals, dashboards, messaging, files, notifications, and payment concepts.

The platform covers roles, user flows, data models, team collaboration, project lifecycle, payment concepts, search, and marketplace UI.

Next.jsReactTypeScriptMongoDBMongooseNextAuthStripeAWS S3

Authentication and profiles

Account creation, profile completion, customer/freelancer roles, verification fields, and security utilities.

Projects and proposals

Project creation, listings, details, edits, status APIs, proposals, accept/deny/counteroffer flows.

Teams and network

Team models, invitations, avatars, friends/network features, reviews, and freelancer collaboration surfaces.

Messaging and notifications

Chat components, notification center, project workspace communication, and state-driven user feedback.

Payment concepts

Stripe routes, escrow, withdrawals, transaction history, milestones, and marketplace payment modelling.

Files and uploads

File upload dependencies and workspace concepts for project artifacts and collaboration.

Key strengths

Complex multi-role product architecture.
Includes both UI and backend model/API thinking.
Covers marketplace flows from profiles and teams to projects and proposals.

Minecraft server website

Server landing page

Storefront catalog

Cart and PayPal checkout

Workflow map

Landing

Store

Cart

PayPal

FIRST_CLIENT_STOREMinecraft server website

Thrones Rising / Minecraft Store

The first full website I took over and finished: a branded Minecraft server site with landing content, store browsing, cart checkout, PayPal payment surface, and admin product management.

The site combines a visual landing experience with practical commerce/admin flows for a game server: server and Discord CTAs, product categories, rank/crate/coin pack presentation, cart totals, and admin product controls.

Next.jsReactPayPalAdmin UIStorefront UXResponsive layout

Server landing page

Branded hero, navigation, play/Discord calls to action, feature copy, carousel-style media, and footer navigation for the server audience.

Storefront catalog

Rank, crate key, and coin pack categories with product cards, server artwork, prices, add-to-cart actions, and clear purchase intent.

Cart and PayPal checkout

Side-cart checkout flow with quantities, remove actions, totals, PayPal button, and debit/credit card payment option.

Admin product management

Admin area for managing products, categories, admins, orders, and editable pages from the same visual system as the public store.

Game-server trust details

Server links, Discord links, refund/terms areas, Mojang disclaimer, copyright footer, and product information affordances.

Game asset presentation

Uses custom rank artwork, server screenshots, logo treatment, background imagery, and consistent visual styling around the Thrones Rising brand.

Key strengths

Shows the start of the full-stack path: taking over a delayed project and finishing both frontend and backend work.
Includes real buyer-facing store flows and internal admin surfaces, not just a static landing page.
Useful proof of adapting to an existing visual design and turning it into working site sections.

CAPABILITY_MAP

The web-development surface area.

A compact scan of the features that repeat across the projects: UI, backend, data, payments, media, client content, and infrastructure.

Product UX

Dashboardsadmin panelsworkflow toolsresponsive product pagesdense operational views

Backend systems

API routesPostgreSQL/PrismaMongoDB/Mongooseauthvalidationuploadsaudit trails

Business sites

service pagesclinic/contact flowsSEO-friendly structurepricing/team/story pageslive public websites

Commerce

StripePayPalescrow conceptsdigital fulfillmenttransactional email

Media and assets

media galleriesupload workflowsvideo pipelines3D preview conceptsstore media preparation

Infrastructure

VPS deploymentssystemd handoffDocker-oriented projectsfile storagerelease operations

SUPPORTING_WORK

Additional web-adjacent systems.

Automation, media, and admin tools that show how I build practical systems around production workflows.

Dropship Automation

Browser scraping, inventory sync, pricing guardrails, cookie/session handling, and operational dashboards for e-commerce workflows.

Content Studio

Programmatic video-generation UI and FFmpeg-oriented pipeline thinking for repeatable media production.

Portfolio CMS

Authenticated admin tooling for editing projects, sections, media, visibility, and machine-readable portfolio content.