This is a 3-d personal portfolio. It is deployed here.
- React
- Vite
- Three.js
- Tailwind css
To run this project, follow these steps -
-
Create an account on Email.js website and get credentials. Add the following environment variables in .env.local file in your root folder -
- VITE_APP_EMAILJS_SERVICE_ID='yourServiceId'
- VITE_APP_EMAILJS_TEMPLATE_ID='yourTemplateId'
- VITE_APP_EMAILJS_PUBLIC_KEY='yourPublicKey'
-
Open a terminal and type the following commands -
- npm install
- npm run dev
- Prevent user from sending 1000 mails (by some means (try to limit the number of emails that one ip can send in 1 day))
- Ensure that the UX is good on both devices (there is no lag, the scrolling is smooth etc).
- Emilian Kasemi youtube channel.
- JavaScript Mastery youtube channel.
- Build and Deploy an Amazing 3D Developer Portfolio in React with Three.js youtube video.
- 3D_portfolio github repo.
- Fox's islands, Phoenix Bird, Plane, Fox, etc 3d models from Sketchlab.
- GLTF to convert glb 3d model to react three jsx component.