frontend-architecture

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

Architectural methodology for frontend projects

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

0️⃣ Composable UI engine for Vue. Build complex interfaces with reusable state, logic, and primitives—without being locked into components or styles.

AI agent skills for applying Feature-Sliced Design (FSD) v2.1 in frontend projects.

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

Server-side composition of microfrontends using Astro

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.

Production-ready React starter built on Feature-Sliced Design (FSD) - TypeScript, Vite, TailwindCSS, Zustand, React Router, Jest/RTL, ESLint/Prettier.

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.

Frontend architecture that can work for any frontend framework / codebase

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

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.

Frontend Anti-Corruption Layer SDK — isolate backend DTOs from view models via the adapter pattern, with AI-powered adapter generation. 一款具备 AI 能力的前端防腐层SDK，基于适配器模式解耦后端接口与前端视图模型，低成本接入，静态即终版，联调无重构。

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

Examples for front-end of web-based management systems

A modern, high-performance full-stack E-Commerce platform client built with React and Vite. Features intuitive shopping carts, secure checkout flows, dynamic product catalog listing filters, and a sleek responsive UI styled with Tailwind CSS.

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

Example SSR with Hydration for the blog post