🚀 3D Animated Portfolio + Digital Product Store for Delhi's Top Developer
RAGSPRO is a stunning, ultra-modern 3D animated portfolio and agency website featuring a digital product store. Built for Raghav Shah, a Delhi-based full-stack developer and solo founder.
| Section | Description | Features |
|---|---|---|
| 👨💻 Portfolio | Personal tech identity | Resume, projects, skills |
| 🏢 Agency | Service offerings | Web Dev, AI Tools, SEO |
| 🛒 Digital Store | Product marketplace | Templates, AI kits, landing pages |
- 🎨 Mesmerizing 3D Black Hole Hero - Three.js animated background
- 🖼️ Smooth 3D Sections - Immersive scroll animations
- 💼 Complete Resume Section - PDF download, skill bars
- 🛍️ Digital Product Store - Sell templates & AI kits
- 🌐 Language Switcher - English / Hindi support
- 📧 EmailJS Integration - Contact form with validation
- 📱 Fully Responsive - Mobile-first design
- ⚡ GSAP Animations - Smooth scroll triggers
- 🎯 Spline 3D Models - Interactive 3D elements
┌─────────────────────────────────────────────────────────────┐
│ Frontend: Next.js 14 + React 18 │
├─────────────────────────────────────────────────────────────┤
│ 3D Graphics: Three.js + React Three Fiber + Spline │
├─────────────────────────────────────────────────────────────┤
│ Animations: Framer Motion + GSAP │
├─────────────────────────────────────────────────────────────┤
│ Styling: TailwindCSS + Sass │
├─────────────────────────────────────────────────────────────┤
│ Contact: EmailJS │
├─────────────────────────────────────────────────────────────┤
│ Icons: React Icons + Lottie │
└─────────────────────────────────────────────────────────────┘
- Node.js 18+ installed
- npm or yarn package manager
# Clone the repository
git clone https://github.com/raghavshahhh/ragspro-old-website.git
cd ragspro-old-website
# Install dependencies
npm install
# Run development server
npm run devOpen http://localhost:3000 in your browser.
| Command | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm start |
Start production server |
npm run lint |
Run ESLint |
ragspro-old-website/
├── src/
│ ├── components/ # React components
│ ├── styles/ # Sass & CSS files
│ └── app/ # Next.js App Router
├── public/ # Static assets
│ ├── images/
│ └── fonts/
├── package.json
└── README.md
- Hero - 3D black hole animation with intro
- About - Developer bio & story
- Skills - Tech stack with animated bars
- Projects - Portfolio showcase
- Services - Agency offerings
- Store - Digital products marketplace
- Resume - Downloadable PDF
- Contact - Form with validation
# Install Vercel CLI
npm i -g vercel
# Deploy
vercel --prod- Push code to GitHub
- Connect repo on Netlify
- Build command:
npm run build - Publish directory:
out
- Fork the repository
- Create feature branch:
git checkout -b feature/amazing - Commit changes:
git commit -m 'feat: add amazing feature' - Push to branch:
git push origin feature/amazing - Open Pull Request
Made with ❤️ by Raghav Shah
© 2024-2026 All Rights Reserved