Portfolio-io___Ragul

🌌 Astral Architect — Modern Dev Portfolio

A high-end, premium developer portfolio built for Ragul M, featuring a dark-mode-first glassmorphism aesthetic, interactive 3D elements, and advanced animations.

✨ Key Features

• 💎 Glassmorphism Design: Modern, blurred background aesthetics with subtle borders and glow effects.
• 🍱 Bento Grid Layout: Visually stunning grid system for showcasing projects.
• 🪄 Interactive Particles: Custom canvas-based high-performance particle background.
• 🌐 3D Elements: Torus-knot geometry with Distorted Sphere effects using Three.js/Fiber.
• 🚀 Mac-style Floating Dock: Interactive spring-physics social bar for quick access.
• 🏗️ Next.js 14 App Router: Optimized performance with server-side components and static generation.
• ⚡ Recruiter Fast-Track: Dedicated section for quick resume downloads and profile access.

🛠️ Tech Stack

• Framework: Next.js 14 (App Router)
• Styling: Tailwind CSS
• Animations: Framer Motion
• 3D Graphics: Three.js & @react-three/fiber
• Icons: Lucide React
• Fonts: Google Fonts (Space Grotesk, Inter)

🚀 Getting Started

First, clone the repository:

git clone https://github.com/ragulhm/astral-architect-io.git
cd astral-architect-io

Install the dependencies:

npm install --legacy-peer-deps

Run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

📁 Project Structure

src/
├── app/          # Next.js App Router (Layouts, Pages, Styles)
├── components/   # UI & Section Components
│   ├── effects/  # Particle Fields, 3D elements, Bento Grids
│   ├── sections/ # Hero, Projects, Skills, Contact, Footer
├── data/         # Site Content (Projects, Skills, Socials)
└── lib/          # Utilities (cn, tailwind-merge)

«««< HEAD

🏗️ Deployment

The project is optimized for deployment on Netlify or Vercel.

To build for production:

npm run build

📄 License

This project is open-source and available under the MIT License.

---

Built with ❤️ by Ragul M

1824fc1 (docs: upgrade README.md with new tech stack and features)