🚀 Galaxy 3D Portfolio

A visually immersive 3D animated personal portfolio website with a galaxy space theme, built using React, Next.js, Framer Motion, and Tailwind CSS. Designed to showcase projects, skills, and experiences in a futuristic and interactive style.

🌌 Features

• 🚀 3D space-inspired animated layout
• 🌠 Starfield background with Parallax Scrolling Effects
• ⚡ Framer Motion transitions and interactive UI
• 💡 Projects, skills, and about sections
• 🌐 Fully responsive & SEO-friendly
• ⚙️ Built with React, Next.js, Tailwind CSS

🛠️ Tech Stack

• Next.js – SSR & static site generation
• React – UI library
• Framer Motion – Animation
• Tailwind CSS – Utility-first CSS
• Three.js (Optional) – For complex 3D elements

📁 Project Structure

kasams-space-portfolio/
├── public/              # Static files
│   ├── Assets/          # Assets
│       ├── Logos   # Image Assets
│       ├── Projects   # Image Assets
│       ├── Socials   # Image Assets
│   ├── models/          # 3D models
│   └── fonts/           # Custom fonts
├── src/
│   ├── app/             # Next.js App Router
│   │   ├── layout.tsx   # Root layout
│   │   ├── page.tsx     # Home page
│   ├── components/      # Reusable components
│   │   ├── Main/        # Project and skill cards
│   │   ├── Sub          # Hero Content
│   ├── Contraints/      # Custom React hooks
│   └── Sections/        # Custom Sections
├── .eslintrc.json       # ESLint configuration
├── .gitignore           # Git ignore file
├── next.config.js       # Next.js configuration
├── package.json         # Dependencies and scripts
├── postcss.config.js    # PostCSS configuration
├── README.md            # Project documentation
├── tailwind.config.js   # Tailwind CSS configuration
└── tsconfig.json        # TypeScript configuration

🚧 Installation

git clone (https://github.com/VERIDIITE/Personal-Portfolio.git)
cd Personal-Portfolio
npm install
npm run dev