Krishna Kondoju — Senior Tech Lead & Architect

A premium, high-performance personal portfolio built with a focus on modern aesthetic, smooth interactivity, and scalable architecture.

✨ Premium Features

• "Krishna AI" Assistant: Secure Gemini-powered AI chatbot integration using Vercel Serverless Functions for private, context-aware professional assistance.
• Interactive Contact Form: Custom serverless backend integrated with Supabase (Postgres) for data persistence.
• Clerk Authentication: Advanced user identity and session management for protected portfolio areas.
• PWA Support: Progressive Web App capabilities for offline access and a native-like experience.
• Multi-language Support (i18n): Fully localized experience with seamless switching between English and Spanish.
• iOS-Style Glassmorphism: High-blur, high-saturation "frosted glass" interface for a premium Apple-inspired feel.
• 3D Interactive Avatar: A unique "flip-card" profile picture that reveals professional credentials on hover.

🚀 Tech Stack

• Core: React + Vite
• Auth: Clerk
• AI: Google Gemini Flash
• Backend: Vercel Serverless Functions
• Database: Supabase/PostgreSQL
• i18n: i18next
• Styling: Tailwind CSS
• Animations: Framer Motion
• PWA: vite-plugin-pwa

🛠️ Local Development

Follow these steps to get the project running on your local machine:

1. Clone the repository:

   git clone https://github.com/krishnaUIDev/Krishna-portfolio.git
   cd Krishna-portfolio

2. Install dependencies:

   npm install

3. Configure Environment Variables: Create a .env file based on .env.example:

   # Rename to .env and add your keys
   VITE_CLERK_PUBLISHABLE_KEY=pk_test_...
   GEMINI_API_KEY=your_key_here
   SUPABASE_URL=https://...supabase.co
   SUPABASE_ANON_KEY=your_anon_key_here

4. Start the dev server: For standard frontend development:

   npm run dev

   To test serverless functions (AI & Contact Form) locally:

   npm run vercel-dev

🚀 Deployment Next Steps

1. Supabase Credentials: Add SUPABASE_URL and SUPABASE_ANON_KEY to your Vercel/Local env.
2. Local Testing: Run npm run vercel-dev to test the database insertion locally.

📬 Contact

• LinkedIn: krishnakondoju
• GitHub: krishnaUIDev
• Portfolio: krishnakondoju.dev

---

Built with precision and passion for modern web standards.