Eduardo Portfolio

Personal portfolio built with Astro and Tailwind CSS.

Stack

• Astro
• Tailwind CSS
• TypeScript
• Astro Content Collections
• Kaplay for the hidden arcade experience

Features

• English and Spanish localized routes
• Content-driven sections for personal info, projects, and work experience
• Theme switching
• Secret Lab command palette
• Hidden arcade mode and BLACKBOX interaction layer

Project Structure

src/
├── components/
│   ├── secret-lab/
│   └── *.astro
├── content/
│   ├── personal/
│   ├── projects/
│   └── work/
├── i18n/
├── layouts/
├── pages/
└── scripts/

Commands

• yarn dev: start the local development server
• yarn build: run astro check and build the static site
• yarn preview: preview the production build
• yarn astro ...: run Astro CLI commands directly

Content Model

Content is stored in Markdown files under src/content:

• personal: role, education, and biography
• projects: title, url, tech stack, image, and body copy
• work: role, company, dates, location, achievements, responsibilities, skills, and body copy

Schemas are defined in src/content/config.ts.

Localization

• Default page: /
• English page: /en/
• Spanish page: /es/

Translations live in src/i18n/en.json and src/i18n/es.json.

Notes

• The site is generated as a static Astro build.
• The Secret Lab arcade code is lazy-loaded when the feature is opened.