Open source · 2.4k★
Angular Example App
A reference architecture for Angular applications. Patterns for project structure, state and feature boundaries — used as a learning resource by thousands of developers.
~/ ISMAEL-RAMOS — main · Madrid · Remote
Frontend Architect
building scalable
digital products.
Modern frontend architecture, AI-assisted engineering, performance and user experience.
I'm Ismael — I design and build web systems that stay maintainable as products and teams grow.
LATEST ARTICLE Persisting Windsurf context across sessions with rulesTwelve years, four numbers.
8M+
Users reached
Santander scholarships platform, across markets
12y
Shipping web software
2013 — today, frontend & full stack
18+
Products shipped
Commercial platforms + personal projects
2.4k★
On open source
Angular Example App + libraries on GitHub
Selected platforms where I've shaped architecture, performance and accessibility over multiple years.
2017 — present · Madrid
Santander Scholarships Platform
Eight years evolving the frontend architecture of a global scholarship platform — from a Spanish portal to a system serving more than 7 million users across multiple countries and brands.
Focus areas
- Scalable frontend architecture
- Accessibility as first-class concern
- Performance & Core Web Vitals
- Maintainability across teams
- Developer experience
- Reusable component systems
Constraints
- Legacy systems and incremental migration
- Multi-team coordination
- Core Web Vitals budgets
- Strict accessibility requirements
- Long-term maintainability over short-term speed
2019 — 2021 · Madrid
Trust·u BBVA
Alternative credit scoring platform for SMEs using transaction data analysis. Designed a multi-tier architecture handling sensitive banking data, complex algorithmic scoring, and regulatory compliance.
Focus areas
- Bank-grade security & compliance
- Complex algorithmic design
- Third-party banking APIs
- Real-time data processing
- Multi-department algorithm versioning
- 50,000+ SME scoring
Constraints
- Secure credential & transaction handling
- Multi-stakeholder algorithm review
- Third-party API dependencies
- Bank regulatory requirements
- Transaction data lag (24-48h)
- Personal · 2026
QuizCurious
An AI-assisted quiz platform for curious minds — turn any topic into a tailored quiz and learn by playing.
- Personal · 2024
Randmenu
A decision-reduction nutrition planner. Built around fast weekly planning and a usability-first interface.
Six things I keep coming back to.
Simplicity over complexity
Building systems that remain understandable as they grow — fewer moving parts, sharper boundaries.
Applied in Frontend architecture redesign →Product-driven engineering
Technology decisions should improve user experience and business outcomes, not optimise for the resume.
Applied in Cross-team component library →Performance is product
Fast interfaces shape perception, usability and retention. Speed is a feature, not a polish phase.
Applied in Performance optimisation →Accessibility by default
Inclusive interfaces are part of good engineering. Semantics and keyboard paths come first, not last.
Applied in Accessibility implementation →AI as augmentation
Using AI to accelerate execution while keeping engineering judgement and architectural intent.
Applied in AI features integration →Developer experience
Internal tooling, clear conventions and short feedback loops compound product velocity.
Applied in Angular standalone migration →
Areas I'm actively building, writing and thinking about.
- AI-assisted development workflows
- Frontend architecture with Signals
- Scalable Angular applications
- Product engineering
- Observability & performance
- Design systems
- System design
- UX-driven engineering
- Architecture
- Scalable frontend systems · Monorepos · Feature-driven architecture · SSR / SSG · Observability · Performance optimisation
- Product engineering
- UX collaboration · Accessibility · Experimentation · Analytics · Developer experience · AI-assisted workflows
- Core technologies
- Angular · TypeScript · NestJS · PostgreSQL · Nx · Playwright · LitElement
Persisting Windsurf context across sessions with rules
A simple Windsurf workflow to carry context across sessions using rules, avoiding token bloat and keeping AI work …
Turning PR comments into an actionable plan with MCP
Using Jira and GitHub MCP servers to analyze, classify and plan fixes for PR review comments without leaving the editor.
When AI assistants fail and a forum link saves the day
A small n8n permissions issue reminded me that AI assistants still struggle with niche operational problems where …
Closing the PR review loop with Windsurf and GitHub CLI
Notes on building a tighter feedback loop between PR reviews, Windsurf and the GitHub CLI to make AI-assisted reviews …
A heatmap, but for posts.
$ writing --year 2026 · cadence
23 posts
9 drafts
14d longest streak
3d since last
JANFEBMARAPRMAY
JUNJULAUGSEPOCT
NOVDEC
MWFS
LESS
MORE
How I draw a frontend.
frontend-architecture.svg · layered, dependency-rule enforced
own code
platform
data flow
① The shell is the only place routing & auth live — features never reroute themselves.
② Features depend down, never sideways: zero cross-feature imports, lazy by default.
③ The shared kernel is the only thing the platform talks to — swap an adapter, the app does not notice. The diagram is the rule; the rule is enforced by Nx module boundaries.