Parth Tyagi — Portfolio

Welcome to the personal portfolio of Parth Tyagi — UI/UX Designer, AI Explorer, and Tech Innovator.

This repository contains the source code for my interactive, 3D-enhanced portfolio website.

🚀 Features

• 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.
• Custom Cursor & Interactions: A unique hollow ring cursor and interactive UI elements.
• Live Spotify Integration: Displays live listening statistics directly from my Spotify account.
• 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.

🛠️ Technologies Used

• 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)

💻 Getting Started

Prerequisites

Ensure you have Node.js installed on your machine.

Installation

1. Clone the repository:

   cd Parth-devfolio

2. Install dependencies:

   npm install

3. Set up environment variables (if required): Create a .env file in the root directory and add any necessary environment variables (e.g., for Spotify backend integration).

4. Start the development server:

   npm run dev

5. Open http://localhost:8080 (or whichever port Vite uses) in your browser to view the portfolio.

📦 Building for Production

To create an optimized production build, run:

npm run build

To preview the production build locally:

npm run preview

📬 Contact

For any inquiries or to connect with me, feel free to reach out via my portfolio contact section!