Welcome to the personal portfolio of Divy Jain — AI/ML Engineer and Software Developer.
This repository contains the source code for my interactive, 3D-enhanced portfolio website.
- Immersive 3D Experience: Integrated with Three.js and React Three Fiber to display an interactive 3D spaceship model and hyperloop animations.
- Smooth Scrolling & Animations: Built using Lenis, GSAP, and Framer Motion for a fluid, dynamic user experience.
- Contact Form with Email Delivery: Submissions are sent directly via Gmail (Nodemailer).
- Modern Tech Stack: Developed with React, Vite, TypeScript, and styled with Tailwind CSS and shadcn/ui.
- Fully Responsive: Optimized for desktop, tablet, and mobile viewing, maintaining aesthetics and functionality across devices.
- Framework: React.js with Vite
- Language: TypeScript
- Styling: Tailwind CSS & shadcn/ui
- Animations: GSAP, Framer Motion
- 3D Graphics: Three.js, React Three Fiber, Drei
- Scroll Handling: Lenis
- Routing: React Router
- State Management / Data Fetching: TanStack Query (React Query)
- Backend: Vercel Serverless Functions, Nodemailer
Ensure you have Node.js installed on your machine.
- Clone the repository:
git clone https://github.com/Divy1809/Parth-Devfolio.git
cd Parth-Devfolio- Install dependencies:
npm install-
Set up environment variables: Create a
.envfile in the root directory with: TRACKING_WEBHOOK_URL=your_discord_webhook_url GMAIL_USER=your_gmail_address GMAIL_APP_PASSWORD=your_gmail_app_password -
Start the development server:
npm run devTo also run the backend API routes locally, use the Vercel CLI instead:
vercel dev- Open http://localhost:8080 (or whichever port is shown) in your browser.
To create an optimized production build, run:
npm run buildTo preview the production build locally:
npm run previewFor any inquiries or to connect, feel free to reach out via the contact section on the site!