🍰 Architectural methodology for frontend projects

A list of helpful Angular interview questions you can use to interview potential candidates, test yourself or completely ignore.

A curation of code examples and in depth technical implementation approaches to solve the common frontend system design issues in React.

Server-side composition of microfrontends using Astro

The data layer between Astro and real CMS. Build in Astro, edit in any CMS.

An attempt to implement clean architecture in front-end world.

Experiments for a Book i am writing titled "Modernized FE Architecture" 📚

Unlock a sleek, user-friendly frontend built with SvelteKit! Designed for seamless integration with our backend, this open-source frontend offers modern UI features, responsive design, and easy customization. Perfect for developers looking to build fast, secure web applications.

🛒 A modern e-commerce platform built with microfrontend architecture using React, Vue.js, and RxJS for state management. Features Module Federation, real-time cart synchronization, and seamless cross-framework communication. 🏗️ Architecture: Container (React) + Products (Vue) + Cart (React) + Auth (React) + Shared (RxJS)

Example SSR with Hydration for the blog post

A modern Todo application demonstrating Clean Architecture principles with React, TypeScript, and comprehensive testing (96% coverage, 47 tests)

Implementation example of the layered architecture for front-end project.

Production-ready conference website and operations toolkit used by 500+ participants during a live MUN event. Built for reliability, scalability, and fast iteration under real deadlines.

Examples for front-end of web-based management systems

SoundScript is a high-performance, modular web music player featuring dynamic UI, event-driven architecture, and real-time audio controls — built entirely with vanilla web technologies.

Vicente Opaso's personal website, revamped!

Enterprise-ready Angular 21 boilerplate built with Domain Driven Design, Signals-first architecture, standalone APIs, and scalable infrastructure including auth, role permissions, feature flags, optimistic CRUD, theming, caching, logging, and MSW-based mock API.

Guia técnico e implementação de um sistema de gerenciamento farmacêutico em Angular. Demonstra a configuração do ambiente (Node/CLI), arquitetura modular (core/pages/components) e consumo de API RESTful simulada.

A semantic reactivity system for modern applications. Separate reactive data (sources) from business conditions (guards) with a declarative, composable, and observable approach.