Skip to content

πŸš€ High-performance portfolio built with Astro 5, Vue 3, and TailwindCSS. Features Island Architecture, component-based design, and automated CI/CD via GitHub Actions.

Notifications You must be signed in to change notification settings

migueldrdev/developer-portfolio

Repository files navigation

πŸ‘¨β€πŸ’» Miguel Delgado | Developer Portfolio

Astro TypeScript Netlify Tailwind CSS Cloudeflare Pages

A minimalist, high-performance portfolio website showcasing my projects, skills, and experience as a Full Stack Software Engineer.

πŸ–ΌοΈ Preview

Vista Previa de mi Portafolio

πŸš€ Key Features

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.

πŸ› οΈ Tech Stack

  • Core: Astro
  • Styling: Tailwind CSS
  • Icons: [Phosphor Icons / Heroicons]
  • Deployment: Netlify

πŸ“‚ Project Structure

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

⚑ Performance (Lighthouse)

Currently aiming for a perfect score:

  • 🟒 Performance: 100
  • 🟒 Accessibility: 100
  • 🟒 Best Practices: 100
  • 🟒 SEO: 100

πŸ”§ Installation & Setup

To run this project locally:

  1. Clone the repository:

    git clone https://github.com/migueldrdev/developer-portfolio.git
    cd developer-portfolio
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev

πŸ“¬ Contact

Feel free to reach out if you want to collaborate on a project!


Β© 2025 Miguel Delgado. Built with Astro & Vue.

About

πŸš€ High-performance portfolio built with Astro 5, Vue 3, and TailwindCSS. Features Island Architecture, component-based design, and automated CI/CD via GitHub Actions.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •