Welcome to my portfolio website repository! Visit vishrutjha.com to see it live. This modern, responsive portfolio showcases my projects, professional journey, and media appearances.
- Modern, responsive design with dark mode support
- Dual AI integration:
- Interactive AI assistant powered by Perplexity Sonar for portfolio inquiries
- Streaming AI chat interface using Vercel AI SDK
- Project showcase with detailed cards and links
- Professional journey timeline with interactive elements
- Media appearances and publications section
- LeetCode statistics integration
- Dynamic charting and visualizations
- Smooth animations and transitions using Framer Motion
- Type animations for dynamic text
- SEO optimized with automatic sitemap generation
- Performance analytics and insights
- Fully accessible UI components
- Real-time chat interface with structured responses
- Smart context-aware conversations about professional experience
- Multi-step tool calls for enhanced AI interactions
- Framework: Next.js 15 with React 18.3
- Package Manager: Bun
- Styling: Tailwind CSS and Shadcn UI
- Language: TypeScript
- UI Components: Radix UI primitives
- AI Integration:
- Vercel AI SDK for streaming chat interface
- Perplexity Sonar API for knowledge base
- Charts: Chart.js with react-chartjs-2
- Animations: Framer Motion and react-type-animation
- Icons: Lucide React and React Icons
- Code Quality: ESLint, Prettier, Husky, lint-staged
- Analytics: Vercel Analytics and Speed Insights
- Deployment: Vercel
# Clone the repository
git clone https://github.com/vishrutkmr7/vishrutjha-portfolio.git
# Navigate to the directory
cd vishrutjha-portfolio
# Install dependencies
bun install
# Set up environment variables
cp .env.example .env.local
# Add your Perplexity API key and other AI configurations to .env.local
# Start the development server
bun devVisit http://localhost:3000 to see the website.
The portfolio features a sophisticated dual AI system:
- Streaming chat interface with real-time responses
- Multi-step tool calls for complex interactions
- Structured data streaming alongside responses
- OpenTelemetry support for observability
- Custom request headers and body customization
- Enhanced error handling and validation
- Provides accurate information about my professional background
- Answers questions about projects and experience
- Cites relevant sources for all information
- Maintains context-aware conversations
- Ensures responses are focused and relevant
- Provides structured, verifiable information
# Create a production build
bun run build
# Start the production server
bun startThe website is automatically deployed to Vercel on every push to the main branch.
This project is open source and available under the MIT License.
- Website: vishrutjha.com
- GitHub: @vishrutkmr7