Architectural methodology for frontend projects
-
Updated
Apr 6, 2026 - MDX
8000
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.
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
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.
Battleship in React and TypeScript. Feature-based architecture, pure-function domain layer, WCAG 2.2 AA accessibility, and structured AI-assisted development workflow.
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.
🚀 React CLI is a tool for building production-ready apps with a clean architecture. Automatically installs and configures your entire selected stack.
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."