2025
Personal Portfolio
A modern portfolio website built with Next.js and Three.js. Features interactive 3D graphics, responsive design, and a custom rendering engine for 3D models. Implemented with TypeScript, TailwindCSS, and deployed with Docker multi-stage builds.
- Developed a responsive personal portfolio website featuring interactive 3D models and animations using Three.js and React Three Fiber
- Implemented modern UI with TailwindCSS and optimized 3D rendering performance for smooth user experience across devices
- Utilized Next.js App Router for efficient page routing and server components
- Created a custom 3D model rendering system with interactive elements to showcase technical creativity
- Deployed using Docker multi-stage builds for optimized production performance
NFT Topia
Developed NFT-Topia, a full-stack blockchain marketplace for creating, showcasing, and trading NFTs (Non-Fungible Tokens). The platform enables users to mint digital artworks as unique tokens, manage personal collections, and conduct secure transactions using cryptocurrency. Implemented with a modern tech stack and deployed to a live production environment.
- Architected and implemented the smart contract system using Solidity for NFT minting, listing, and trading functionality
- Built a responsive and intuitive frontend with Next.js and React, featuring multi-language support through internationalization
- Integrated IPFS storage via Pinata for decentralized storage of NFT metadata and assets
- Implemented secure wallet connection using RainbowKit and Wagmi for blockchain interaction
- Created a modular, domain-driven application structure for maintainable and scalable codebase
- Configured testing, deployment, and verification workflows for both frontend and smart contracts
Project Screenshots
2023
Knowledge Middle Platform
A knowledge platform developed using React, Ant Design, and Rx.js, featuring dashboard, single sign-on functionality, multi-window communication, and decision tree visualization. Optimized frontend code and resolved browser compatibility issues.
- Successfully reproduced the homepage dashboard design, receiving client praise
- Integrated single sign-on functionality
- Created multi-window communication capabilities
- Led the design of backend chart data structures
- Optimized frontend code using the chain of responsibility pattern, simplifying over 20 consecutive if-else statements
- Implemented decision tree visualization: created a visual representation of decision trees using tree data structure objects
- Built a desktop application using Electron
- Implemented lazy loading for various parts of the homepage
- Resolved browser compatibility issues to support Firefox 52 and Chrome 69
Project Screenshots
Dashboard
2022
Poster Low-Code Platform
A drag-and-drop based frontend Web editor with a self-developed rendering engine capable of rendering Vue or React components. Features include UI editor, light code, FaaS, and preview pages. Optimization improved delivery efficiency by 50%.
3D Meteorological Visualization Platform
Developed a sophisticated 3D visualization platform for meteorological data using WebGL, Cesium.js and JavaScript/TypeScript that enables weather scientists and meteorologists to analyze complex atmospheric phenomena.
-
Implemented advanced 3D meteorological visualizations including:
- Wind field simulations
- Radar data rendering
- Air quality modeling
-
Engineered comprehensive visualization modules with customizable parameters for:
- Wind speed & direction
- Particle systems density
- Color mapping for data intensity
- Multiple atmospheric layers
-
Created modular, reusable components that handle various data sources and visualization types, enabling rapid development of new meteorological visualizations
-
Developed interactive elements for enhanced data analysis:
- Dynamic legends
- Time-based data filtering
- Advanced camera controls
-
Built real-world application examples:
- 3D wind fields visualization
- Ground-attached wind patterns
- Radar 3D isosurface rendering
- Air quality monitoring
-
Utilized WebGL shaders to optimize performance for real-time rendering of meteorological data with millions of particles
Project Screenshots
2021
Standardized Frontend Design
A frontend standardization project built from scratch, including documentation website and Playground website. Implemented automatic generation of navigation and sidebar structures, integrated login page, route switching, internationalization, and other features.