Phalguna Avalgunta - Portfolio

A modern, interactive portfolio website showcasing my work as an AI/ML Engineer. Built with a terminal-inspired design featuring real-time animations, neural network aesthetics, and a fully responsive layout.

🌟 Features

• Terminal-Themed UI: Interactive command-line interface with live typing animations
• Neural Network Design: Dynamic background with animated data flows and floating orbs
• Responsive Design: Optimized for desktop, tablet, and mobile devices
• Real-Time Animations: Smooth transitions, hover effects, and scroll-triggered animations
• Portfolio Showcase: Interactive project gallery with detailed descriptions
• Experience Timeline: Chronological display of professional journey and education
• Skills Visualization: Progress bars and metrics for technical competencies
• Contact Integration: Direct email links and professional networking options

🛠️ Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript for type safety
• Styling: Tailwind CSS 4 with custom neural-themed design system
• Deployment: Vercel for optimal performance
• Font: Geist font family for modern typography

🚀 Getting Started

Prerequisites

• Node.js 18.0 or later
• npm, yarn, or pnpm package manager

Installation

1. Clone the repository

   git clone https://github.com/phalguna-avalagunta/portfolio.git
   cd portfolio

2. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Run the development server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

4. Open your browser

   Navigate to http://localhost:3000 to view the portfolio.

📁 Project Structure

portfolio/
├── src/
│   ├── app/
│   │   ├── favicon.ico
│   │   ├── globals.css          # Global styles and animations
│   │   ├── layout.tsx           # Root layout component
│   │   └── page.tsx             # Main page component
│   └── components/
│       ├── Hero.tsx             # Terminal-themed hero section
│       ├── About.tsx            # Personal profile and timeline
│       ├── Experience.tsx       # Professional experience details
│       ├── Skills.tsx           # Technical skills visualization
│       ├── Contact.tsx          # Contact information and links
│       └── PortfolioShowcase.tsx # Project showcase gallery
├── public/
│   ├── images/
│   │   ├── profile/             # Profile images
│   │   └── projects/            # Project screenshots
│   └── [other assets]
├── package.json
├── tailwind.config.ts
├── tsconfig.json
└── next.config.ts

🎨 Design Philosophy

This portfolio embraces a "terminal meets AI" aesthetic, combining:

• Terminal Interface: Command-line inspired navigation and interactions
• Neural Networks: Animated data flows and connection visualizations
• Modern UI: Clean, professional design with accessibility in mind
• Performance: Optimized animations and lazy loading for smooth experience

📊 Performance Metrics

• Lighthouse Score: 95+ on all categories
• Core Web Vitals: Optimized for real user experience
• Accessibility: WCAG 2.1 AA compliant
• Mobile-First: Responsive across all device sizes

🚀 Deployment

Vercel (Recommended)

1. Connect your repository to Vercel
2. Configure build settings:
   • Build Command: npm run build
   • Output Directory: .next
3. Deploy with automatic CI/CD

Manual Deployment

npm run build
npm start

🤝 Contributing

While this is a personal portfolio, suggestions and improvements are welcome:

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

This project is open source and available under the MIT License.

📞 Contact

Phalguna Avalgunta

• Email: [email protected]
• University Email: [email protected]
• Phone: +44 07741820922
• LinkedIn: phalguna-avalagunta
• Location: London, UK
• Status: Available for AI/ML Engineering opportunities

---

Built with ❤️ using Next.js and deployed on Vercel