arvindk2025 / My_Personal_3D_Portfolio

My Personal 3D Portfolio is a showcase of my work and skills using cutting-edge web technologies. It combines React.js, Three.js, React Three Fiber, Framer Motion, and Tailwind CSS to create an immersive and visually appealing experience.

Home Page:https://3-d-portfolio-arvindk25.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

My Personal 3D Portfolio

Overview

My Personal 3D Portfolio is a showcase of my work and skills using cutting-edge web technologies. It combines React.js, Three.js, React Three Fiber, Framer Motion, and Tailwind CSS to create an immersive and visually appealing experience. This project also includes a contact form that allows visitors to send emails directly from the website.

My Personal 3D Portfolio My Personal 3D Portfolio My Personal 3D Portfolio My Personal 3D Portfolio My Personal 3D Portfolio

Key Features

  • 3D Portfolio Showcase
  • Contact Form for Sending Emails
  • Responsive Design
  • Performance Optimization using Suspense and Preload

Technologies Used

  • React.js: Used for building the frontend of the website.
  • Three.js: Utilized for creating 3D elements and graphics.
  • React Three Fiber: A React renderer for Three.js, simplifying 3D rendering in React.
  • Framer Motion: Applied for smooth animations and transitions.
  • TailwindCSS: Used for styling and creating a responsive layout.

Getting Started

Prerequisites

  • Node.js and npm should be installed on your system.

Installation

  1. Clone the repository: git clone https://github.com/arvindk2025/your-portfolio.git
  2. Change to the project directory: cd your-portfolio
  3. Install dependencies: npm install

Usage

To start the development server:

npm start

About

My Personal 3D Portfolio is a showcase of my work and skills using cutting-edge web technologies. It combines React.js, Three.js, React Three Fiber, Framer Motion, and Tailwind CSS to create an immersive and visually appealing experience.

https://3-d-portfolio-arvindk25.vercel.app


Languages

Language:JavaScript 87.2%Language:CSS 12.1%Language:HTML 0.8%