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.
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.
Task management dashboard demonstrating clean UI architecture and component-based design.
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.
Examples for front-end of web-based management systems
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."