https://github.com/taiseen/t-shirt-three-js
Learning Purpose | JSM
https://github.com/taiseen/t-shirt-three-js
3d-models client framer-motion jsm react-js server tailwind-css three-js vite
Last synced: 3 months ago
JSON representation
Learning Purpose | JSM
- Host: GitHub
- URL: https://github.com/taiseen/t-shirt-three-js
- Owner: taiseen
- Created: 2023-03-31T22:01:17.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-04-01T18:40:27.000Z (about 2 years ago)
- Last Synced: 2025-01-12T18:51:16.499Z (4 months ago)
- Topics: 3d-models, client, framer-motion, jsm, react-js, server, tailwind-css, three-js, vite
- Language: JavaScript
- Homepage: https://3d-t-shirt.netlify.app
- Size: 1020 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> 1 - April - 2023
# T-shirt 3D Model | [Live Link](www)
## Technology used:
* React
* Three.js
* Tailwind-CSS
## Dev Environment - Vite
```
yarn create vite --template react client
```
after clone or download, for installing dependencies, please run at terminal...
```
yarn
```
& to start the application, please run...
```
yarn dev
```
## Yarn Dependencies:
* yarn add three
* yarn add maath
* yarn add valtio
* yarn add framer-motion
* yarn add @react-three/fiber
* yarn add @react-three/drei
## Learning context:
* File & Folder Structure...
* Child parent component separation...
* Usage of useProgress hook for 3D model loading...
* Usage of three.js model rendering by react js
## Get 3D models for react app...
* 1st download [glTF] formate data from website
* [Sketchfab](https://sketchfab.com) for 3D Models...