Portfolio Website

This is a portfolio website built using React, Three.js, and Vite. It showcases various sections including a hero section, work experience, and interactive 3D models.

Features

• Hero Section: An introduction with a waving hand emoji and a 3D scene.
• Work Experience: Displays work experiences with interactive 3D models.
• Responsive Design: Adapts to different screen sizes including mobile and tablet.

Technologies Used

• React: JavaScript library for building user interfaces.
• Three.js: JavaScript library for 3D graphics.
• Vite: Frontend build tool.
• Tailwind CSS: Utility-first CSS framework.
• GSAP: Animation library.
• EmailJS: Service to send emails directly from the client-side.

Getting Started

Prerequisites

• Node.js (version 14 or higher)
• npm (version 6 or higher)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/portfolio.git
   cd portfolio

2. Install dependencies:

   npm install

Running the Development Server

Start the development server:

npm run dev

Open your browser and navigate to http://localhost:3000 to see the website.

Building for Production

Build the project for production:

npm run build

Preview the production build:

npm run preview

Project Structure

• src/components: Contains React components used in various sections.
• src/sections: Contains different sections of the website like Hero and Experience.
• src/constants: Contains constants used throughout the project.
• public: Contains static assets like images and icons.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

License

This project is licensed under the MIT License. See the LICENSE file for details.