johannpa/3D_portfolio

React 18 Vite tailwind css portfolio

3D_portfolio

React 18 Vite tailwind css portfolio

Il faut créer un dossier avec le nom de l'application et ensuite :

• npm create vite@latest ./ -- --template react

Installation de tailwind css:

1. npm install -D tailwindcss (premiere partie)
2. npx tailwindcss init

Installation de React router et de three js (les parties de threejs dont on a besoin) :

• npm install --legacy-peer-deps @react-three/fiber @react-three/drei maath react-tilt react-vertical-timeline-component @emailjs/browser framer-motion react-router-dom

Installation de git:

• git init

Installation de tailwind css (partie 2):

1. npm install --legacy-peer-deps -D postcss autoprefixer (nouveau fichier postcss.config.cjs)
2. npx tailwindcss init -p

commandes sur le site :

• https://tailwindcss.com/docs/guides/vite

dans le terminal il faut encore ajouter threejs c'est la suite :

• npm install --legacy-peer-deps three

Pour lancer l'application en local:

• npm run dev