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

Production-ready full-stack e-commerce app using React + TypeScript + Supabase with auth, database persistence, RLS security, and responsive UI architecture.

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" 📚

🛒 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)

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 visual compiler that turns vector designs into zero-dependency, production-ready Web Components. No frameworks, no AI guessing.

Example SSR with Hydration for the blog post

A scalable React 19 + Vite + TypeScript frontend boilerplate with a modular, feature-based architecture.

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

Qubik Timer is a desktop web application for training 3x3 speedcubing with competition logic. It includes a mathematical cube model, a scramble generator, a competitive timer, and regulated real-time statistics. It is developed in Vanilla JavaScript and uses IndexedDB for local persistence, allowing it to function offline.

Governance engine for large React/Next.js monorepos. Encodes DDD and Hexagonal Architecture as executable YAML manifests. Build-time enforcement prevents coupling, leakage, and decay.

No description provided.

Task management dashboard demonstrating clean UI architecture and component-based design.

🚀 React CLI is a tool for building production-ready apps with a clean architecture. Automatically installs and configures your entire selected stack.

Examples for front-end of web-based management systems

A production-ready digital ecosystem redesign for Kharkiv National University of Radio Electronics (KhNURE). Engineered for scale, speed, and accessibility using Astro 5, TypeScript, and Headless WordPress.

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.

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.

Reverse engineered Zox News WordPress theme rebuilt with Nuxt.js and Vue. Base template later used to power a real-world news portal with API integrations.

Vicente Opaso's personal website, revamped!

Myra is a browser-based AI sommelier and beverage intelligence system designed to deliver structured, refined drink recommendations through an elegant, performance-driven interface.

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

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.

Personal profile of Tanyaradzwa T. Mushonga. Specialized Frontend Engineer & Mobile Developer focused on the React Ecosystem (Next.js, React Native), leveraging a strong background in backend and DevOps to build robust, high-performance interfaces.

TaskFlow Pro is a project and task management web app with a Kanban workflow, role-based access control, and a per-project activity log—backed by a persistent in-browser mock REST API to keep the experience realistic without requiring a backend.