🍰 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

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

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

Booktopia is an online bookstore application employing a scalable frontend architecture

Examples for front-end of web-based management systems

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 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 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.

(WIP): Next.js Application Architecture Boilerplate. Feature-Driven Architecture, Next.js 13, Storybook, Mock Service Worker, React Testing Library.