{"repo":"hatimhtm/luxury-engineering-portfolio","free":true,"listed":false,"github":"https://github.com/hatimhtm/luxury-engineering-portfolio","clone":"git clone https://github.com/hatimhtm/luxury-engineering-portfolio.git","description":"A high-performance, Luxury Neo-Brutalist portfolio showcasing modern frontend engineering (Next.js 14, Framer Motion, Tailwind).","language":"TypeScript","stars":13,"topics":["animation","app-router","command-palette","dark-mode","design-system","framer-motion","frontend","motion-design","neo-brutalism","nextjs"],"license":null,"category":"ui-components","readme_excerpt":"A Luxury Neo-Brutalist personal portfolio for Hatim El Hassak, built from scratch on Next.js 14 with no templates and no third-party UI libraries. Five hand-built pages — home, work, stack, services, contact — wired with a custom design system, a ⌘K command palette, magnetic interactions, a custom cursor, and full dark/light theming. Deployed on Vercel at hatimelhassak.is-a.dev . --- /// WHAT IT IS A production frontend portfolio that treats the site itself as the work sample. Rather than dropping content into a template, every interactive piece — the command palette, the magnetic buttons, the 3D bento grid, the custom cursor, the theme system — is engineered by hand so the codebase reads as evidence of the craft it advertises. The aesthetic is deliberately \"Luxury Neo-Brutalist\": high-contrast acid palette, raw borders and grid, layered with glassmorphism and premium typography (Space Grotesk + JetBrains Mono via next/font ). --- /// HIGHLIGHTS --- --- ⌘K Command Palette Keyboard-driven navigation in CommandPalette.tsx — opens on ⌘/Ctrl+K , arrow-key list traversal, Escape to close, plus resume download. Custom design system Neo-brutalist tokens (acid lime, raw borders, grid, film grain, glassmorphism) defined in globals.css and tailwind.config.ts — zero UI libraries. Magnetic buttons MagneticButton.tsx uses Framer Motion spring physics so interactive elements pull toward the cursor on hover. Custom cursor CustomCursor.tsx swaps the native pointer ( md:cursor-none ) for a ha","default_branch":null,"files":null,"tree":[],"storefront":"/r/hatimhtm","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/hatimhtm/luxury-engineering-portfolio/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}