Personal Portfolio Website
Personal portfolio built with Next.js featuring a dynamic AI chatbot, language switching, and interactive design.
What It Does
- Interactive AI chatbot trained on my resume for intelligent Q&A
- Chatbot supports free-movement and context-aware responses
- Korean/English language toggle for global accessibility
- Dark/light theme mode with animated background
- Terminal-style bio and project showcase with modal navigation
Challenges & Solutions
Challenge 1
Integrating LLM knowledge with real-time UI interactions.
Solution
Engineered a state-driven chatbot interface that manages context and response flow independently of the main site navigation.
Challenge 2
Maintaining a lively, interactive aesthetic without sacrificing page load performance.
Solution
Leveraged Framer Motion for hardware-accelerated animations and implemented Next.js code-splitting to keep the main bundle light.
Challenge 3
Ensuring consistent localization across dynamic UI text.
Solution
Created a centralized LanguageContext provider to ensure consistent multi-lingual rendering across all UI components.
Project Gallery
What I Learned
Next.js, LLM fine-tuning/prompting, UI/UX state management