Skip to content

This portfolio

The site you are on: a filterable catalogue of my work with a screenshot pipeline that runs each project

yonatanendale.com(opens in a new tab)

My portfolio, rebuilt around the projects themselves. Content is typed, every project has its own page, and screenshots come from a script that starts each app and captures it.

The problem

The previous version showed five generic project cards with no screenshots and no way to explore the work.

What I built

Projects live in typed content files with categories, scope, stack and attribution. The index filters by all of them through the URL, and a Playwright script boots each project locally to capture real screenshots.

Results

  • Every project page is statically generated with its own social card.

Features

  • Filter by category, scope and technology
  • Shareable filter URLs
  • Screenshot gallery with keyboard navigation
  • Light and dark themes

Related projects

  • Team Pulse home page with the headline Teamwork Just Got Smarter with AI, download and sales buttons, and a preview of the chat app with team channels
    Web apps2025

    Team Pulse website

    Team Pulse

    Marketing, docs and pricing site for a team chat product, with two CMSs and push-to-deploy on Docker

    ContributorNext.jsReactTailwind CSS+8
  • English home page with the headline Register a company in Ethiopia as a foreign investor over a photo of an Addis Ababa street
    Web apps2026

    Addis Invest Consult

    Sunflower Solutions, Addis Ababa

    Site that walks foreign investors and the diaspora through registering a company in Ethiopia

    Solo buildNext.jsReactTailwind CSS+7