Architectural methodology for frontend projects
-
Updated
Apr 19, 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.
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
Opinionated guide to scalable React architecture, folder strategy, state boundaries, testing, and DX.
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.
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."