Personal website and digital business card - https://www.gabriellando.com/
3.3K
Personal website / digital business card for gabriellando.com.
A single-page interactive business card with a flip animation, displaying profile, links, skills, experience, education, and highlight stats for Gabriel Lando.
All personal data is kept in a single file: src/config.ts.
Fork the repository and edit that file to make the card your own — no other files need to change.
| Export | What it controls |
|---|---|
profile | Name, title, company, summary, SEO description, photo path, and contact links (email, LinkedIn, GitHub, resume URL) |
siteConfig | Site origin and social preview image used by the SEO metadata |
skills | Array of { name, category } skill tags shown on the back of the card. Categories are used to group skill colors through the app palette. |
experience | Array of { role, meta } entries in the Experience section |
education | Array of { degree, meta } entries in the Education section |
stats | Array of { number, label, url? } highlight stats shown at the bottom of the back. If url is provided, the stat becomes a clickable link |
Replace /public/profile_picture.webp with your own photo (keep the same filename, or update profile.photo in src/config.ts).
The profile.summary, profile.description, and siteConfig fields also feed the generated SEO metadata and static fallback content.
npm install
npm run dev
Build for production:
npm run build
Run unit tests:
npm test
Run cross-browser responsive tests in Chromium and Firefox:
npm run playwright:install
npm run test:e2e
Run both unit and browser tests:
npm run test:all
Content type
Image
Digest
sha256:1d9e50314…
Size
25.3 MB
Last updated
30 days ago
docker pull gabriellando/website