Netflix-Style Portfolio

A stunning, Netflix-inspired portfolio website with AI integration, featuring a unique user selection experience and modern design.

Features

• 🎬 Netflix-Style Landing: User selection screen (Recruiter, Visitor, AI Assistant)
• 🤖 AI Chat Assistant: Interactive AI-powered chat for portfolio exploration
• 📱 Responsive Design: Works beautifully on all devices
• 🎨 Modern UI/UX: Netflix-inspired dark theme with smooth animations
• 📄 Complete Sections: About, Skills, Experience, Certifications, Projects, Contact
• 🔗 Social Integration: GitHub, LinkedIn, and resume links
• ✨ Smooth Animations: Framer Motion powered transitions

Getting Started

Prerequisites

• Node.js 18+ installed
• npm or yarn package manager

Installation

1. Install dependencies:

npm install

2. Run the development server:

npm run dev

3. Open http://localhost:3000 in your browser

Customization

Update Your Information

1. About Section (components/About.tsx): Update your personal information
2. Skills (components/Skills.tsx): Modify skill categories and technologies
3. Experience (components/Experience.tsx): Add your work experience
4. Certifications (components/Certifications.tsx): Update your certifications
5. Projects (components/Projects.tsx): Add your projects with links
6. Contact (components/Contact.tsx): Update contact information and social links

Styling

• Main styles: app/globals.css
• Tailwind config: tailwind.config.js
• Netflix red color: #E50914

Project Structure

├── app/
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── About.tsx
│   ├── AIChat.tsx
│   ├── Certifications.tsx
│   ├── Contact.tsx
│   ├── Experience.tsx
│   ├── Hero.tsx
│   ├── Navbar.tsx
│   ├── PortfolioMain.tsx
│   ├── Projects.tsx
│   ├── Skills.tsx
│   └── UserSelection.tsx
└── package.json

Technologies Used

• Next.js 14: React framework
• TypeScript: Type safety
• Tailwind CSS: Styling
• Framer Motion: Animations
• Lucide React: Icons

Deployment

Build for production:

npm run build
npm start

Deploy to Vercel, Netlify, or any hosting platform that supports Next.js.

License

MIT License - feel free to use this for your own portfolio!

Contributing

Feel free to fork, modify, and use this project for your portfolio. If you make improvements, contributions are welcome!