Inspiration
In a world where your digital identity often precedes your resume, I wanted to create something more than just a portfolio - I wanted to build a platform that represents who I am: a data scientist, developer, designer, and creative thinker.
The idea was simple:
🧠 Let people explore my work,
🤖 Talk to an AI chatbot to get context,
📅 Schedule a meeting - all without writing an email.
This project gave me a way to combine my technical skills, design sensibility, and AI interests into a single, cohesive experience.
What it does
Amogh Ramagiri’s Developer Portfolio is a fully responsive, AI-integrated portfolio website that:
- 🎨 Features a glassmorphism UI, animated transitions, and dark/light mode toggle
- 📱 Works smoothly across mobile, tablet, and desktop devices
- 🤖 Includes an AI-powered chatbot (Groq LLaMA 3.1‑8B) that responds to questions about my background, skills, and projects
- 📅 Supports meeting scheduling with Google Calendar API + time picker
- 📸 Highlights a photography gallery as a creative touch
- 📊 Offers a skills showcase, project gallery with GitHub/live links, and experience timeline
- 📥 Allows visitors to download my resume directly
- 🔍 Includes Vercel Speed Insights, SEO optimization, and analytics
How we built it
The tech stack I used includes:
- Next.js 15 App Router + TypeScript
- Material UI v7 for design system + custom theming
- Groq API (LLaMA 3.1‑8B) for real-time chatbot responses
- Supabase for backend contact form handling
- Google Calendar API (Service Account based) for meeting scheduling
- Vercel for deployment + Speed Insights + analytics
- Docker setup for optional self-hosted deployment
- JSON-driven architecture for experience/projects/configuration data
Everything was developed in a modular, reusable component structure with clean folder organization and separation of concerns.
Challenges we ran into
- Getting the Google Calendar API to work smoothly without OAuth (via service account) was tricky - especially formatting the private key securely.
- Ensuring the Groq AI chatbot remained context-aware without sounding generic took multiple iterations of prompt engineering.
- Fine-tuning animations to maintain performance across devices and browsers while still achieving an elegant feel required extra effort.
- Managing multiple environment variables securely for deployment across local/dev/prod environments.
Accomplishments that we're proud of
- Built a fully functional, AI-enhanced portfolio in under 3 weeks, end-to-end.
- Created an interactive scheduling flow with calendar integration that goes beyond static resumes.
- Successfully deployed and tested across devices with zero broken sections.
- Designed every page to be clean, fast, mobile-first, and accessible.
- Developed a chatbot that genuinely reflects my personality and professional story.
What we learned
- How to build production-grade AI integrations using Groq API and contextual prompts.
- How to integrate Google Calendar APIs using service accounts and automate scheduling workflows.
- Deepened understanding of frontend performance optimization, including lazy loading, font management, and hydration.
- Refined skills in component-based design, JSON-driven content management, and interactive UI/UX.
What's next for Amogh Ramagiri's Developer Portfolio
This is just the beginning. Here's what I’m planning next:
- 🎙️ Add voice-based interaction to the chatbot
- 🧠 Enable dashboard-based CMS to update projects and resume on the fly
- 📨 Add recruiter feedback form + analytics dashboard
- 📲 Build a PWA version for offline viewing
- 🧩 Enable support for multiple personas — e.g., Dev, Designer, Photographer
- 🤝 Open-source the base template for other developers to build on
Built with ❤️ by Amogh Ramagiri for DevOne Hackathon 2025
Built With
- google-calendar-api
- groq
- llama-3.1-8b
- material-ui
- next.js
- supabase
- typescript
- vercel
Log in or sign up for Devpost to join the conversation.