← Projects
Case study · Own project

tefra.mx

Bilingual professional portfolio built with Astro, Firebase, and real O&G production data

Year2026
StackAstro + Firebase
LanguagesES / EN

The goal

After 10 years at PEMEX and several digitalization projects, I needed a way to show that work professionally to international companies. A CV wasn't enough — I needed something that told the complete story: the problem each project solved, the real data that backs it up, and the technical capability to build it.

The main requirement was that everything had to be real and verifiable — public data from BDI PEMEX and PLANEAS/CONACYT, actual screenshots of the systems built, and a functional contact form that goes directly to arturo@tefra.mx. No generic demos or mockups.

tefra.mx infographic: From zero to bilingual professional portfolio

What it includes

Interactive case studies

ADPAY Daily, ADPAY Monthly, and APAPCH App with real data charts, screenshot galleries, and lightbox.

Real BDI PEMEX data

Historical production charts 1980-2026 with public data from BDI PEMEX and PLANEAS/CONACYT, built with Chart.js.

Bilingual ES/EN

Astro native i18n with /es/ and /en/ routes. Every site text is available in both languages with hreflang for SEO.

Form → Zoho Mail

Functional contact form with EmailJS connected to arturo@tefra.mx via Zoho Mail. No own backend.

Downloadable CVs

PDF CV in Spanish and English generated with WeasyPrint, Letter size, matching the portfolio branding.

Auto deploy

GitHub Actions → Firebase Hosting. Each push to main deploys automatically to tefra.mx.

Full stack

Frontend

Astro 4 TypeScript Chart.js CSS custom

Hosting & Deploy

Firebase Hosting GitHub Actions DomainDiscount24

Email & Contact

Zoho Mail EmailJS SPF / DKIM / DMARC

Data

BDI PEMEX PLANEAS / CONACYT WeasyPrint (PDF)