https://github.com/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.
https://github.com/arvindk2025/my_personal_3d_portfolio

emailing-service framer-motion reactjs reactthreefiber responsive-web-design tailwind-css threejs

Last synced: 5 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/arvindk2025/my_personal_3d_portfolio
• Owner: arvindk2025
• Created: 2023-10-31T21:33:13.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-22T08:17:00.000Z (about 1 year ago)
• Last Synced: 2024-05-30T08:09:45.653Z (9 months ago)
• Topics: emailing-service, framer-motion, reactjs, reactthreefiber, responsive-web-design, tailwind-css, threejs
• Language: JavaScript
• Homepage: https://3-d-portfolio-arvindk25.vercel.app
• Size: 44.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](./assets/portfolio_1.png?raw=true " Weather App ")

![My Personal 3D Portfolio](./assets/portfolio_2.png?raw=true " Weather App ")

![My Personal 3D Portfolio](./assets/portfolio_3.png?raw=true " Weather App ")

![My Personal 3D Portfolio](./assets/portfolio_4.png?raw=true " Weather App ")

![My Personal 3D Portfolio](./assets/portfolio_5.png?raw=true " Weather App ")

### 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:

```bash

npm start