Portfolio

Hi, I'm Pedro Pablo Rodriguez Carranza, and this is my portfolio. It is built with the Astro framework and includes my basic information, skills, personal projects, and contact details. The design is based on a Figma prototype created by me.

Live Portfolio

Not hosted yet.

Figma Prototypes

Note

Prototypes may differ from the live due to the complexity of Figma to add transitions and animations for small projects or because some minimal features on Figma prototypes are considered unnecessary for the live.

• Mobile Prototype (320 x 568)
• Tablet Prototype (744 x 1133)
• Desktop Prototype (1728 x 1117)

Features

• Responsive design: Optimized for most modern devices.
• Accessibility: Designed with accessibility in mind.
• Personal Projects: A showcase of projects I've worked on.
• Skills: Technologies I am proficient in.
• Contact: My basic contact information.

Technologies Used

• Figma: Used for designing my portfolio.
• Astro: Supports all my portfolio structure, styles and functionalities with modular components and some other interesting features mostly for static websites.
• HTML: Provides a semantic structure for the site.
• CSS: Styles the semantic structure.
• TypeScript and JavaScript: Enable client-side functionalities and animations.
• Docker Dev Container: Containerizes NodeJs, useful VS Code extensions and all dependencies needed to develop this portfolio.

Acknowledgments

• The theme toggle manager component was adapted from a post on the Astro Tips website.

• The accordion class in challenge detail component was adapted from another post on the CSS-TRICKS website.

License

This project is open-source and available under the MIT License.