Web Development
    Website concept · Demo

    TechPartner IT

    TechPartner IT is a self-built demo, not a client case study. It shares the React 18 + TypeScript SPA pattern (Tailwind CSS 3, shadcn/ui, React Router v6, TanStack Query, react-hook-form, zod) but runs on Vite 8 with the Babel-based @vitejs/plugin-react (not SWC). Contact uses a Google Maps iframe. Testing includes Playwright and Vitest 4. The Docker build uses npm install --legacy-peer-deps, then Nginx serves dist/. Routes are focused: home, services, about, and contact.

    TL;DR

    A React + Vite 8 IT-support demo with Google Maps embed, Playwright, and Vitest 4, served as static files via Nginx in Docker. Result: A live IT-support demo on Vite 8 with maps, Playwright coverage, and Nginx-in-Docker delivery.

    Concept site

    Development time

    Solo

    Collaboration

    Success

    Project outcome

    100%

    Client satisfaction

    The challenge

    IT support and consulting businesses need a site that signals competence without looking generic, and the build should stay easy to test and deploy.

    My approach

    I used the shared shadcn SPA pattern on Vite 8 with the Babel React plugin, added a Google Maps embed for local trust, and wired Playwright with Vitest 4. Delivery is still frontend-only: static files behind Nginx in Docker.

    Technical features

    Built with modern technologies and best practices for reliability and performance

    Technology stack

    Modern technologies and frameworks for optimal performance

    Security and quality

    Built with security best practices and quality assurance

    Clean architecture

    Well-structured codebase following industry standards

    Performance

    Optimized for speed, scalability, and user experience

    Key features

    Newest Vite major among the four demos (Vite 8 + Babel React plugin)

    Clear IT support and consulting service breakdown

    Google Maps iframe on the contact page

    Playwright plus Vitest 4 for automated checks

    Docker image build with npm install --legacy-peer-deps, Nginx serving dist/

    Project gallery

    Selected screenshots from the project.

    Technologies used

    React 18
    TypeScript
    Vite 8 (Babel)
    Tailwind CSS 3
    shadcn/ui
    React Router v6
    Google Maps embed
    TanStack Query
    react-hook-form
    zod
    Vitest 4
    Playwright
    Docker
    Nginx

    Related services

    This project used web development. Explore the service:

    Related articles

    Project impact

    IT service owners can open a live demo that shows a modern React stack, map contact, and a testable Docker/Nginx path before deciding on a full engagement.

    I use cookies

    GDPR

    I use cookies to improve your experience, analyze traffic, and personalize content. You can choose which cookies to accept.