charlotte-natasha/3d-portfolio

Three-JS Birthday Site

Birthday Website

Made with React, Vite and Three JS. You get to see all the fun 3D graphics, send birthday emails directly to me and just have fun.

Installation

npm create vite@latest

cd my-project

npm install

npm run dev - to view the project on your screen

Packages installed

npm install styled-components

npm install styled-icons --save

npm i -S react-simple-maps

npm install @emailjs/browser --save

npm i @react-three/fiber @react-three/drei three

(sudo) npm install -g gltf-pipeline

npm install dotenv

npm install survey-core

npm install survey-react-ui

Converting a glTF to Draco glTF

gltf-pipeline -i model.gltf -o modelDraco.gltf -d

npx gltfjsx model.gltf --transform

PS

The contact form doesn't work yet help me figure out why

3d-portfolio's Issues

Contact.jsx

email form does not work when details from the .env file are input yet it works when I input the ID directly. To be checked once I have done other sectors.

emailjs
.sendForm(
"YOUR_SERVICE_ID",
"YOUR_TEMPLATE_ID",
ref.current,
"YOUR_PUBLIC_KEY"
)