🍰 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

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.

Example SSR with Hydration for the blog post

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

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

Booktopia is an online bookstore application employing a scalable frontend architecture

Examples for front-end of web-based management systems

A polished, responsive frontend application leveraging ASP.NET Core Razor Pages for comprehensive event management. Provides secure, role-based authentication for attendees, volunteers, organizers, sponsors, and donors, and a mobile-first UI built with Bootstrap 5 and jQuery. Modular architecture and LibMan integration ensure maintainability.

Hexagonal architecture for frontend apps

A professional-grade micro-frontend "Shell" application built with Vue 3, Pinia, and PrimeVue. Showcases a blueprint for scalable, resilient, and feature-rich FinTech applications.

A simple system for structuring conversations with ChatGPT, Claude, and other AI models to maximize clarity, focus, and long-term usefulness.

Micro frontend architecture using Angular, React, and Vue apps integrated via iframes with centralized routing powered by a custom Gateway and Traefik reverse proxy. Supports both development (proxy) and static build modes using Docker and Nx monorepo.

💥Este aplicativo Angular foi criado como exemplo prático para demonstrar como diferentes frameworks de estilo — como Bootstrap 5, Bulma e TailwindCSS — podem ser integrados e utilizados dentro de uma aplicação única. Ele inclui lógica de renderização condicional, via guard que verifica e determina dinamicamente qual estilo deve ser carregado.

building facebookLite features with tRPC