A minimalist, high-performance portfolio website showcasing my projects, skills, and experience as a Full Stack Software Engineer.
This isn't just a static site; it's an engineered solution focusing on performance and maintainability:
- β‘ Astro 5 & Island Architecture: Zero JavaScript by default, adding interactivity only where strictly needed.
- π§© Component-Driven Development: Modular architecture with reusable UI components (Buttons, Cards, Recursive Layouts).
- π¨ Styling: Styled with TailwindCSS for a responsive, mobile-first design.
- π οΈ Type Safety: Fully typed with TypeScript for robustness.
- π CI/CD Pipeline: Automated deployment workflow using GitHub Actions connected to Netlify.
- Core: Astro
- Styling: Tailwind CSS
- Icons: [Phosphor Icons / Heroicons]
- Deployment: Netlify
A brief overview of the architectural organization:
/
βββ π public/ # Static assets (images, CV, icons)
βββ π src/
β βββ π components/ # Reusable UI components (Vue & Astro)
β β βββ π icons/ # SVG Icons
β β βββ π layout/ # Navbar, Footer
β β βββ π sections/ # Sections of pages (Projects, About, Contact)
β β βββ π ui/ # Buttons, Cards, Badges
β βββ π layouts/ # Page scaffolding (SEO, Meta tags)
β βββ π pages/ # File-based routing
β βββ π styles/ # Global styles and Tailwind config
βββ π astro.config.mjs # Astro configuration
βββ π tailwind.config.cjs
Currently aiming for a perfect score:
- π’ Performance: 100
- π’ Accessibility: 100
- π’ Best Practices: 100
- π’ SEO: 100
To run this project locally:
-
Clone the repository:
git clone https://github.com/migueldrdev/developer-portfolio.git cd developer-portfolio -
Install dependencies:
npm install
-
Start the development server:
npm run dev
Feel free to reach out if you want to collaborate on a project!
- LinkedIn: Miguel Delgado
- Email: miguel05.dev@gmail.com
Β© 2025 Miguel Delgado. Built with Astro & Vue.
