🌊 Lamberto Tamayo - Portfolio

A modern, interactive portfolio website featuring liquid glass design and water ripple effects

🚀 Live Demo

View Portfolio →

---

✨ Features

• Liquid Glass Effects - Modern glassmorphism design inspired by iOS design language 🍎
• Water Ripple Animations - Interactive cursor effects and click ripples
• Responsive Design - Optimized for all devices and screen sizes
• Auto Deployment - GitHub Actions automatically deploys to GitHub Pages
• Fast Loading - Optimized performance with Next.js 15

---

🛠️ Tech Stack

• Next.js 15 - React Framework
• TypeScript - Type Safety
• Tailwind CSS - Styling
• GitHub Actions - Auto Deployment
• GitHub Pages - Hosting

---

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/lamberto15/lamberto15.github.io.git
   cd lamberto15.github.io

2. Install dependencies

   npm install

3. Run development server

   npm run dev

4. Open browser Navigate to http://localhost:3000

---

🔄 Auto Deployment

This portfolio automatically deploys to GitHub Pages using GitHub Actions. Simply push to the main branch and your changes go live!

git add .
git commit -m "Update portfolio"
git push origin main

---

📋 To-Do List

🔧 Code Refactoring & Modularity

• Extract Components

  • Create HeroSection.tsx component
  • Create AboutSection.tsx component
  • Create SkillsSection.tsx component
  • Create ExperienceSection.tsx component
  • Create ContactSection.tsx component
  • Create Navigation.tsx component

• Custom Hooks

  • Extract useRippleEffects.ts hook
  • Extract useScrollSpy.ts hook
  • Extract useMobileMenu.ts hook
  • Extract useAnimations.ts hook

• Utility Functions

  • Create utils/animations.ts for animation helpers
  • Create utils/constants.ts for data constants
  • Create types/portfolio.ts for TypeScript interfaces

🎨 UI/UX Improvements

• Enhanced Animations

  • Add scroll-triggered animations
  • Implement parallax effects
  • Add loading skeleton components
  • Create page transition animations

• Interactive Features

  • Add dark/light mode toggle
  • Implement theme customizer
  • Add sound effects toggle
  • Create interactive skill demos

---

👨‍💻 About

Lamberto Tamayo Jr.

• 🎯 NestJS Backend Specialist & Full-Stack Developer
• 🏢 Software Developer at SP Madrid & Associates
• 📍 Pangasinan, Philippines
• 💼 4+ years experience

Connect:

• 📧 [email protected]
• 💼 LinkedIn
• 🐙 GitHub

---

📄 License

MIT License - feel free to use this project as inspiration for your own portfolio!

---

⭐ Star this repository if you found it helpful!

Made with ❤️ by Lamberto Tamayo

🚀 Auto-deployed with GitHub Actions