frontend-engineering

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

前端工程化全链路实战 Demo 集合（共 23 个可运行示例）。 从 pnpm 硬链接（inode 验证）、Vite 多环境分包，到 ESLint+Prettier+Husky 提交卡点、GitHub Actions CI/CD 自动化，再到 Whistle 本地抓包解密、Service Worker 离线缓存及 Web Vitals 性能监控。 配套自动化部署脚本、版本回滚机制、请求池并发控制、指数退避重试、远程日志回捞和线上隐藏调试入口（vConsole）AI辅助生成d3.js项目知识图谱以及各不同部分代码修改AI风险评估分析以及README文档的标准写法，ignore类型文件写法和MIT证书的声明具体操作。Fork 后即可本地跑通，适合想系统掌握工程化落地细节的开发者。

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.

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

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 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.

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

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 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-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.

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.