Architectural methodology for frontend projects
-
Updated
May 12, 2026 - MDX
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.
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.
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.
A personal-first academic workspace for managing learning materials, projects, tasks, and documents—designed as a beginner-friendly alternative to GitHub for students and learners. Built with Vite + React + TypeScript, ACADIA focuses on simplicity, structured learning workflows, and a AI copilot for navigating and querying your acads
An attempt to implement clean architecture in front-end world.
Experiments for a Book i am writing titled "Modernized FE Architecture" 📚
A visual compiler that turns vector designs into zero-dependency, production-ready Web Components. No frameworks, no AI guessing.
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)
Opinionated guide to scalable React architecture, folder strategy, state boundaries, testing, and DX.
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.
A scalable React 19 + Vite + TypeScript frontend boilerplate with a modular, feature-based architecture.
Connect frontend modules without glue code through declarative events, canonical mapping and observable browser-side orchestration
Example SSR with Hydration for the blog post
Battleship in React and TypeScript. Feature-based architecture, pure-function domain layer, WCAG 2.2 AA accessibility, and structured AI-assisted development workflow.
Add a description, image, and links to the frontend-architecture topic page so that developers can more easily learn about it.
To associate your repository with the frontend-architecture topic, visit your repo's landing page and select "manage topics."