AI-Powered Portfolio Website

A modern, interactive portfolio website built with Next.js, React, and TypeScript, featuring AI-powered components and smooth animations. The site includes an intelligent chat assistant powered by Google's Gemini AI model.

Features

• 🤖 AI Chat Assistant - Interactive chat powered by Google Gemini
• 🚀 Interactive Code Typing Animation - Dynamic code display with syntax highlighting
• 💻 Responsive Design - Optimized for all devices from mobile to desktop
• 🎨 Modern UI/UX - Clean, professional interface with smooth animations
• 🤖 AI Integration - AI-powered features and chat assistant
• 📱 Mobile-First Approach - Fully responsive with tailored mobile experience
• 🌙 Dark Mode - Sleek dark theme for optimal viewing
• ⚡ Performance Optimized - Fast loading and smooth transitions

Tech Stack

• Framework: Next.js
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Code Highlighting: Prism React Renderer
• UI Components: Custom components with shadcn/ui
• AI Model: Google Gemini
• Deployment: [Your deployment platform]

Getting Started

1. Clone the repository

   git clone https://github.com/agakadela/my-website.git
   cd ai-portfolio

2. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Set up environment variables

   # Create a .env.local file with the following variables:
   RESEND_API_KEY=your_resend_api_key
   GOOGLE_API_KEY=your_gemini_api_key

4. Start the development server

   npm run dev
   # or
   yarn dev

5. Build for production

   npm run build
   # or
   yarn build

Project Structure

• app/ - Next.js app directory and API routes
• components/ - React components
  • layout/ - Layout components (header, footer, etc.)
  • sections/ - Page sections (home, about, etc.)
  • ui/ - Reusable UI components
• data/ - Static data and content
• hooks/ - Custom React hooks
• lib/ - Utility functions
• public/ - Static assets
• styles/ - Global styles

Environment Variables

The following environment variables are required:

• RESEND_API_KEY - API key for email service
• GOOGLE_API_KEY - API key for Gemini Pro AI (required for chat assistant)

Contact

Aga Kadela

• Website: agakadela.com
• Email: aga.kadela.dev@gmail.com
• GitHub: @agakadela

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

• Next.js
• Tailwind CSS
• Framer Motion
• shadcn/ui
• Google Gemini
• Resend

---

Made with ❤️ by Aga Kadela