【🔥持续更新中】React 前端工程师实战学习路线
33 个核心 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.
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.
A high-performance, accessible form validation system built exclusively with native HTML5 attributes and advanced CSS3 pseudo-classes. Zero JavaScript, zero runtime overhead.
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.
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.
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.
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
To associate your repository with the frontend-engineering topic, visit your repo's landing page and select "manage topics."