Portfolio Documentation

Build a stunning, multilingual portfolio website with dark mode, glassmorphism design, and scroll animations

Quick Start

Get your portfolio up and running in minutes

Clone the repository

Clone the portfolio repository to your local machine:

git clone https://github.com/kevmpr/portfolio.git
cd portfolio

Install dependencies

Install the required packages using npm:

npm install

This installs Astro, Tailwind CSS, and other dependencies.

Start the development server

Launch the development server to preview your portfolio:

npm run dev

The site will be available at http://localhost:4321/

Explore what makes this portfolio unique

Full support for English and Spanish with automatic language detection

Elegant dark mode toggle with persistent theme preferences

Modern UI with backdrop blur, gradients, and premium visual effects

Smooth scroll-reveal animations with staggered delays for sections

Discover the building blocks of the portfolio

Eye-catching hero with profile image and CTAs

Showcase certifications, education, and experience

Display cloud solutions and case studies

Highlight technical and soft skills

Privacy-first contact cards with click-to-reveal

Responsive navbar with language and theme toggles

Learn how to customize and deploy your portfolio

Customize colors, fonts, and content to match your brand

Deploy your portfolio to Vercel, Netlify, or other platforms

Translation utilities and string management

Understand the organization of files and directories

Start customizing your portfolio today with our comprehensive guides and component documentation