My Portfolio

This repository contains the code for my personal portfolio, showcasing my skills and projects. Built using cutting-edge technologies such as Next.js, React, Three.js, and Tailwind CSS, it includes 3D animations, smooth transitions, and a clean, modern design.

🛠️ Tech Stack

• Next.js (v14.2.11) - Server-side rendering and static site generation
• React (v18) - Component-based UI development
• Three.js (v0.168.0) - 3D animations and graphics
• React Three Fiber (v8.17.7) - Declarative Three.js within React
• Framer Motion (v11.5.4) - Animations and transitions
• Tailwind CSS (v3.4.1) - Utility-first CSS framework
• Next Themes (v0.3.0) - Dark/light mode support
• React Icons (v5.3.0) & Tabler Icons (v3.16.0) - Icon sets
• React Lottie (v1.2.4) - Lottie animations
• Tailwind Merge (v2.5.2) - Utility class merging
• Mini SVG Data URI (v1.4.4) - SVG optimization

🚀 Features

• 3D Globe: Integrated using Three.js and three-globe to showcase interactive 3D elements.
• Dark Mode Support: Easily toggle between dark and light themes using Next Themes.
• Smooth Animations: Implemented with Framer Motion for seamless transitions.
• Interactive Icons: Leveraging React Icons and Tabler Icons for a modern touch.
• SVG Optimization: Using Mini SVG Data URI for optimized SVG handling.

📦 Installation

1. Clone the repository:

   git clone https://github.com/yourusername/your-repo-name.git

2. Install the dependencies:

   npm install

3. Run the development server:

 npm run dev