This repository is a comprehensive frontend visual effects collection and demonstration platform. It contains over 100 self-contained demos and tools covering CSS animations, Canvas 2D/WebGL effects, Three.js 3D scenes, ECharts data visualizations, AI/ML integrations (TensorFlow.js for pose detection and body segmentation, MediaPipe, Tesseract.js OCR), and client-side media processing (image, video, PDF). The architecture is a React 18 single-page application (SPA) using TypeScript, Webpack 5, Ant Design, and react-intl for internationalization. All processing occurs entirely in the browser; there is no backend or persistent data store. The project serves as both a personal portfolio and a learning resource for advanced frontend techniques, but it is not a single-purpose production application. The code quality varies widely: some components demonstrate high craftsmanship (e.g., custom PNG encoder, image manipulation utilities, cross-page communication hook), while many others are boilerplate-heavy duplicates or exploratory demos. No automated tests are present, and the build output includes large minified chunks alongside source code, creating maintenance overhead.
This repository is a collection of front-end code examples (HTML, CSS, JavaScript) created for video tutorials on Bilibili. It contains over 50 standalone projects demonstrating various web techniques such as CSS animations, SVG effects, glassmorphism, parallax scrolling, face recognition, Lottie animations, and interactive physics. The main entry point is a React-based navigation page, but each example is self-contained in its own folder. The code is primarily educational and not intended for production use. Dependencies are outdated (React 17, Babel 7.12) and there is no testing or CI/CD. While some components exhibit creative use of web APIs, the overall codebase is boilerplate-heavy and tightly coupled to its tutorial context, limiting reusability.