react-three-fiber

Build 3D applications with React Three Fiber (R3F), the React renderer for Three.js. Use this skill when building 3D scenes with React, using declarative JSX for 3D objects, integrating Three.js with React state/lifecycle, or using Drei helpers. Covers Canvas setup, hooks, Drei utilities, performance patterns, and state management for 3D React apps.

piatoss3612

SKILL.md

Name	react-three-fiber
Description	Build 3D applications with React Three Fiber (R3F), the React renderer for Three.js. Use this skill when building 3D scenes with React, using declarative JSX for 3D objects, integrating Three.js with React state/lifecycle, or using Drei helpers. Covers Canvas setup, hooks, Drei utilities, performance patterns, and state management for 3D React apps.

My Profile

Introduction

This is a simple profile card page created using Next.js and Chakra UI.
The profile card contains a brief introduction about me, links to my social media profiles, and a portfolio.
The backside of the card contains support box with crypto wallet connections.

Technologies Used

Frontend

Next.js, TypeScript and Chakra UI
Rainbow Kit, Wagmi, and Viem for Web3 integration

Smart Contracts

Solidity, Foundry and Chainlink Price Feeds

Deployment

AWS S3, CloudFront and Route 53
Terraform for Infrastructure as Code

License

This project is licensed under the MIT License - see the LICENSE file for details.