Welcome to my personal portfolio. This project represents my commitment to clean architecture, modern design, and high-performance web development.
It serves as a showcase of my technical skills and a central hub for my professional work.
This project was engineered using a modern, performance-first tech stack:
- Astro: For blazingly fast static site generation and optimal performance.
- React 18: For building interactive, component-based UIs.
- Tailwind CSS: For rapid, consistent, and responsive styling.
- Framer Motion: For smooth, production-grade animations.
- TypeScript: To ensure type safety and code reliability.
- Performance First: Achieves top-tier Lighthouse scores through Astro's island architecture.
- Liquid Glass Design: A premium, Apple-inspired "Liquid Glass" aesthetic (iOS 26 concept) featuring real-time light refraction, 3D tilt effects, and a "Pure Black & Green" color scheme.
- Responsive Design: Fully responsive layout that adapts seamlessly from mobile to 4K displays.
- Interactive UI: Engaging user experience with subtle animations and micro-interactions.
- Clean Code: Structured following best practices for scalability and maintainability.
If you'd like to run this project locally, follow these simple steps:
-
Clone the repository
git clone https://github.com/HecthorDev/masterplan.git cd masterplan -
Install dependencies
npm install
-
Start the development server
npm run dev
Open http://localhost:4321 in your browser to view the application.
I am currently open to new opportunities. Feel free to reach out if you'd like to collaborate or just say hi.
Designed and developed with passion by Hector Garcia.