$ show gazijarin/Gazi
This repository is a personal portfolio website built with React.js, featuring interactive components like a particle portrait, fractal tree animation, and 3D model viewer. The application uses Material-UI for UI components, React Router for navigation, and integrates libraries such as p5.js and three.js for visual effects. It presents a single-page layout with sections for introduction, experience, projects, and credits, utilizing custom scroll-based animations and responsive design. While the codebase demonstrates creativity in its interactive elements, it shows some inconsistency in component patterns (mixing class and functional components) and relies on outdated dependencies (React 16 and Material-UI v4).
The LLM identified 3 files worth highlighting for reuse:
A self-contained React component that triggers fade-in animations when elements enter the viewport using the Intersection Observer API. It manages visibility state internally and requires no external dependencies beyond React, making it easily reusable in any project for scroll-based animations.
An interactive canvas-based particle effect that forms a portrait from an image and responds to mouse movement. The component is self-contained, using only React hooks and the Canvas API, with no dependencies on other internal modules. It can be reused in other projects by simply changing the image source and adjusting parameters.
A React component that uses p5.js (via react-p5-wrapper) to draw an animated fractal tree with dynamically swaying branches. The sketch is self-contained, requiring only the external p5.js and react-p5-wrapper dependencies, and can be easily integrated into other React projects needing generative art or algorithmic animations.