A modern, responsive portfolio website built with Next.js 15, showcasing full-stack development skills, AI projects, and professional experience.
This portfolio represents my journey as a Full-Stack Developer with expertise in modern web technologies, AI/ML integration, and scalable application development. Built from the ground up using cutting-edge technologies, it demonstrates best practices in web development, responsive design, and user experience.
- Modern Tech Stack: Next.js 15, React 18, Tailwind CSS, Framer Motion
- AI-Powered Projects: RAG Chatbots, Document Intelligence, Real-time Collaboration
- Responsive Design: Mobile-first approach with dark/light theme support
- Performance Optimized: Server-side rendering, image optimization, code splitting
- Professional UX: Clean, intuitive interface designed for recruiter engagement
- Hero Section: Dynamic introduction with animated elements
- About Section: Professional summary and skills showcase
- Technology Stack: Interactive tech skills display
- Featured Projects: Highlight of best work
- Knowledge Sharing: Blog and learning resources
- Call-to-Action: Strategic contact placement
- Advanced Filtering: Search, category filter, and custom ordering
- Detailed Project Pages: Comprehensive project documentation
- AI Project Highlights: RAG chatbots, document intelligence, real-time collaboration
- Live Demos: Direct links to working applications
- Source Code Access: GitHub repository links
- Technology Tags: Clear tech stack identification
- MDX Support: Rich content with embedded components
- Syntax Highlighting: Code blocks with proper formatting
- Reading Time: Estimated reading duration
- Responsive Layout: Optimized for all devices
- SEO Optimized: Meta tags and structured data
- Contact Form: EmailJS integration for direct communication
- Resume Download: Direct PDF access
- Dark/Light Theme: User preference support
- Mobile Responsive: Perfect mobile experience
- Fast Loading: Optimized performance metrics
- SEO Ready: Search engine optimized
This portfolio showcases a diverse range of projects demonstrating expertise across different domains:
- 🤖 AI/ML Projects: RAG-based chatbots, document intelligence, and natural language processing
- 🏥 Healthcare Solutions: Full-stack medical platform with appointment management
- 💻 Developer Tools: Real-time collaborative coding environments
- 🎥 Media Applications: Video streaming platforms with API integrations
- 📄 Document Processing: AI-powered PDF analysis and question-answering systems
Each project includes detailed documentation, live demos, technology stacks, and source code access for comprehensive evaluation.
my_portfolio/
├── 📁 src/
│ ├── 📁 app/ # Next.js App Router pages
│ │ ├── 📁 projects/ # Projects showcase
│ │ ├── 📁 blog/ # Blog system
│ │ ├── 📁 contact/ # Contact page
│ │ └── 📄 page.js # Homepage
│ ├── 📁 components/ # Reusable UI components
│ ├── 📁 context/ # React Context providers
│ ├── 📁 data/ # Project and content data
│ ├── 📁 lib/ # Utility functions
│ └── 📁 styles/ # Global styles
├── 📁 public/ # Static assets
│ ├── 📁 images/ # Image assets
│ └── 📁 files/ # Documents (resume, etc.)
├── 📄 README.md # This file
├── 📄 package.json # Dependencies
└── 📄 tailwind.config.mjs # Tailwind configuration
- Lighthouse Score: 95+ across all metrics
- Core Web Vitals: Excellent ratings
- Mobile Responsive: 100% mobile-friendly
- SEO Optimized: Meta tags, structured data, sitemap
- Portfolio: https://himadri.me
- Email: karanhimadri1234@gmail.com
- LinkedIn: linkedin.com/in/himadrikaran
- GitHub: github.com/karanhimadri
This project is licensed under the MIT License - see the LICENSE file for details.
- Next.js Team for the amazing framework
- Vercel for seamless deployment
- Tailwind CSS for utility-first styling
- Framer Motion for smooth animations
- Lucide React for beautiful icons
💡 Interested in working together?