frontend-engineering

【🔥持续更新中】React 前端工程师实战学习路线

34 个核��� Demo + 3 个附录，覆盖前端工程化全链路：pnpm/Vite/ESLint/Husky、分包懒加载、CI/CD、Vitest/Playwright、性能监控、请求池/重试、Service Worker、AI 辅助 PR Review、知识图谱可视化、VS Code 插件与 Agent 自动修复。Vue 3 + TS + Vite + pnpm 实战。等核心工程化能力。每个 Demo 都可运行、可验证、有踩坑记录。适合有一定前端基础的工程师步步为营的进阶学习与团队基建参考。

A peer-reviewed knowledge base for frontend engineering decisions, trade-offs, and production-ready practices.

中文前端开发技能包 / Chinese frontend engineering skill pack — 工程基建、性能优化、架构演进、质量安全 (Claude Code / Gemini / OpenCode)

Frontend engineering tool - helpful to develop command and boilerplate.

Landing page responsiva e imersiva para o Nike Air Pro. Desenvolvida para portfólio com foco em microinterações avançadas, otimização de performance visual com Tailwind CSS e acessibilidade nativa via tag <dialog> do HTML5.

A high-performance 3D carousel exploring spatial CSS orchestration. Features interactive rotational matrices, hardware-accelerated 3D transforms, and fluid perspective-driven UI components.

A cinematic parallax scrolling experience powered by GSAP. Features high-performance motion orchestration, multi-layered depth planes, and hardware-accelerated JavaScript animations for immersive storytelling.

A high-impact landing page design exploring advanced CSS compositing. Features dynamic video masking, interactive 'mix-blend-mode' typography, and a hardware-accelerated cinematic UI architecture.

A high-performance 3D portfolio powered by React-Three-Fiber and Tailwind CSS. Features immersive GLTF environments, spatial audio integration, and cinematic WebGL animations for a top-tier user experience.

Developed by Emine Uğurlu with a focus on interaction physics and responsive UI components.

The official personal portfolio of Emine Uğurlu, Computer Engineer. A high-performance hub featuring interactive projects, professional service mappings, and full-stack development highlights.

Advanced UI orchestration exploring the mechanics of CSS positioning. Featuring deep dives into coordinate systems, viewport locking, and hybrid flow control with Sticky and Fixed behaviors.

A high-performance, accessible form validation system built exclusively with native HTML5 attributes and advanced CSS3 pseudo-classes. Zero JavaScript, zero runtime overhead.

A high-fidelity animated navigation component focusing on micro-interactions and state-driven UI. Features fluid morphing animations, custom transition curves, and a lightweight CSS-first architecture.

An AI-powered UI/UX design assistant for Claude Code that automates design audits, generates professional improvement strategies, and refactors frontend code to enhance visual hierarchy and accessibility

An experimental UI interaction project exploring state-driven distortion and focus amplification. Features dynamic zoom mechanics, high-frequency CSS jitter effects, and responsive grid orchestration for modern web experiences.

A high-fidelity bank card UI component exploring 3D flip mechanics. Features skeuomorphic design, tactile CSS transitions, and hardware-accelerated 3D perspectives for fintech-grade interfaces.

A robust, multi-page CMS frontend designed for C# backend integration. Features dynamic CRUD interfaces, modular Bootstrap 5 components, and secure authentication UI for professional-grade blog management.

A high-performance interactive 3D environment powered by Three.js. Features real-time WebGL rendering, GLTF asset orchestration, and complex flight-path animations for an immersive 3D web experience.