Open-source alternatives to Vue Realworld Example App

re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized, immutable database that serves as the single source of truth for the entire application state, enforcing a strict unidirectional data flow where events trigger state transitions and subsequent view updates. The framework distinguishes itself through a reactive signal graph and an interceptor-based middleware pipeline. By treating application logic as a sequence of data-driven events and declarative side effects, it decouples business logic from the view layer. This architectur

Vue is a progressive, component-based JavaScript framework designed for building reactive user interfaces and single-page applications. It centers on a declarative template system that transforms HTML into efficient render functions, allowing developers to organize complex interfaces into isolated, reusable units that synchronize automatically with application state. The framework distinguishes itself through a dependency-tracking reactivity system that monitors data access during rendering to trigger precise updates. It provides a flexible architecture that supports both incremental adoption

This project is a pre-configured administrative dashboard template built with Vue 2 and Element UI. It provides a structured framework for developing enterprise web applications and backend management interfaces. The framework includes a role-based access control interface to restrict page visibility and menu access based on user permissions. It also features a centralized state management template to synchronize data across different administrative views and components. The system covers broad capability areas including data visualization for rendering interactive charts, frontend routing m

This repository is a collection of learning resources, instructional materials, and practical reference implementations for the React library. It provides code snapshots, application boilerplates, and a repository of examples designed to support a structured curriculum for building React applications. The project offers specific implementation guides and samples for managing application state, mapping routes with shared layouts, and creating validated form systems. It includes versioned code snapshots, completed exercise references, and presentation materials to help users validate their prog

This is the comprehensive documentation website for the Vue 2 progressive JavaScript framework. It serves as a technical reference and development guide for building reactive user interfaces and single-page applications. The site provides a detailed JavaScript API reference and a web component directory. It covers the implementation of component-based architectures, reactive state management, and the use of a virtual DOM to synchronize application state with the browser. The documentation details capabilities including client-side routing, declarative DOM manipulation, and frontend build opt

San is an isomorphic JavaScript framework and single-page application toolkit used for building user interfaces with reusable components. It functions as a reactive UI library that synchronizes application state with the interface through data binding and declarative templates. The framework is distinguished by its support for both server-side HTML generation and client-side hydration to improve initial load performance and search engine optimization. It employs a specialized template-to-array compilation process to compress template structures and reduce network costs. The project provides

This project is a comprehensive instructional resource and tutorial guide for learning React and the broader frontend engineering ecosystem. It serves as a structured course covering the fundamentals of building user interfaces through component-based architecture. The project provides specialized guides on coordinating application data via Redux state management, integrating and mutating data using GraphQL and Relay, and building native mobile applications using a single codebase. It also includes a dedicated tutorial for verifying component behavior through unit testing, shallow rendering,

react-pxq is a React Redux boilerplate and state-driven UI framework designed for building single-page applications. It functions as a starter project template that combines a client-side routing system with global state management to synchronize data across a component hierarchy. The project implements a code-split web application architecture that uses lazy loading to reduce initial bundle sizes. It integrates a navigation system that maps URL paths to components without triggering full page reloads. The framework covers centralized state management through a global store and action-based

jscamp is a full-stack web development and education project focused on mastering JavaScript, TypeScript, and AI integration. It provides a structured curriculum and interactive exercises covering language fundamentals, frontend engineering, and backend API development. The project distinguishes itself through the implementation of autonomous AI agents capable of complex task automation, such as modifying files, managing servers, and executing API calls. It includes advanced AI development tools for conversational querying, real-time code suggestions, and automated repository analysis to gene

Router.js is a client-side JavaScript routing library designed for single-page applications. It maps browser URL patterns to named handlers and manages hierarchical route states, allowing applications to construct nested user interfaces and share parent contexts across child transitions. The library coordinates state changes through promise-based asynchronous transition management, waiting for model data to resolve and lifecycle hooks to execute before entering a target route. It supports URL parsing and generation, component navigation, and event bubbling that propagates triggered actions b

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

next-learn is a collection of educational resources and reference implementations for building full-stack web applications. It serves as a learning resource and tutorial for the Next.js framework, providing starter code and example projects that demonstrate server-side rendering and the React-based ecosystem. The project provides a full-stack web template that showcases a complete implementation of database integration, user authentication, and server-side logic. It includes reference examples for web performance optimization, specifically demonstrating the use of server components, server ac

This repository serves as a comprehensive knowledge base and study guide for developers preparing for technical assessments and job screenings focused on React. It provides a structured collection of common industry inquiries and answers designed to build proficiency in the core concepts and patterns required for modern web interface development. The resource covers the fundamental pillars of the library, including component-based architecture, declarative rendering, and unidirectional data flow. It details essential patterns for managing both local and global application state, as well as te

This project is a client-side data management library and query orchestrator designed to synchronize remote server state with local client state. It functions as a type-safe state manager and cache orchestrator that coordinates data loading across diverse backends, including REST, GraphQL, and WebSockets. The system distinguishes itself through a durable workflow engine for executing asynchronous functions with persisted state and deterministic replay. It also provides a standardized AI integration adapter to connect large language models to application data, supporting real-time response str

This project is a comprehensive front-end development guide and roadmap designed to help engineers master the skills and professional standards required for modern web development. It serves as a technical reference for mastering HTML, CSS, and JavaScript, providing structured learning paths and a map of the professional competencies needed to transition from a beginner to a professional web engineer. The resource functions as a categorized directory and ecosystem overview of the JavaScript landscape. It catalogs industry-standard frameworks, libraries, and utilities, offering specific recomm

This project is a boilerplate and starter kit for building progressive web applications using standard web components. It provides a structured foundation for developing installable web interfaces that support offline functionality and native-like performance. The framework utilizes a component-based architecture where custom elements maintain their own internal state and encapsulated styles. It integrates client-side routing to manage navigation between views without full page reloads and employs a centralized, immutable store to synchronize data across the application. The toolkit includes

Admin-on-rest is a frontend framework for building administrative single-page applications connected to REST APIs using React and Material Design. It includes a client library that translates application actions into standard HTTP requests using pluggable adapters for backend services. The framework provides a modular component-based user interface for rendering administrative views, layouts, lists, and forms through high-level configuration objects mapped to specific data endpoints. It manages application state centrally using immutable stores and action dispatchers, and supports relational

This project is a Next.js landing page template and React UI kit designed for showcasing software products and open source projects. It serves as a professional marketing website foundation and a Tailwind CSS website boilerplate for building modern web interfaces. The framework provides specialized layouts and components for open source project showcases, SaaS landing pages, and admin dashboards. It includes a collection of responsive components and styling utilities that allow for visual design customization of colors, fonts, and layouts. The capability surface covers a variety of UI elemen

N-blog is a full-stack JavaScript blogging platform and content management system built with Node.js. It functions as a server-side rendered web application that renders markdown source text into HTML for publishing and displaying articles. The system includes a markdown blogging engine that enables the creation and management of posts and user comments. It features a integrated user authentication system that handles account registration, secure sign-in, and session management to protect private routes. The project covers broad capability areas including request routing and middleware pipel

This project is a command-line interface for interacting with Jira servers via REST APIs. It provides a terminal-based environment for managing issues, sprints, and project boards without the need for a web browser. The tool supports diverse authentication methods, including personal access tokens, basic credentials, and client certificates. It allows for the management of multiple project configurations through a combination of local configuration files and environment variable overrides. Capabilities cover the full ticket lifecycle, including the creation, modification, duplication, and de

This project is a reference implementation of a full-stack web application and server-side rendered blog. It demonstrates the integration of a Node.js and Express server with a MongoDB database using the Mongoose object document mapper for schema-based data modeling. The application features a complete user authentication system that supports local credentials and external identity providers via OAuth. It includes session management and security measures such as cryptographic password hashing and protection against cross-site request forgery. The system covers a variety of content management

Elasticvue is a management user interface and graphical dashboard for Elasticsearch clusters. It serves as a cluster browser and administration tool, providing a visual way to monitor cluster health, manage indices, and browse documents without writing raw JSON. The project is delivered as a cross-platform application, available as a browser extension, a standalone desktop application, or a containerized web service via Docker. The interface covers cluster administration, including the management of shards, aliases, and snapshot repositories for backups. It also includes data exploration too

Code-notes is a cross-platform desktop application designed for organizing, storing, and synchronizing programming code snippets and gists in a centralized interface. Built using web technologies and a reactive data-binding system, it operates locally on the host machine to keep data accessible without internet connectivity. The application functions as a GitHub gist client, communicating with external remote services using authenticated REST endpoints to fetch, push, and update cloud-hosted code gists. It combines local file-system persistence with remote synchronization capabilities to mana

Builderbook is a MERN stack digital bookstore and documentation platform designed for selling and delivering digital books. It functions as a content delivery site that transforms markdown files hosted in Git repositories into structured online books. The platform distinguishes itself by synchronizing markdown content from remote repositories into a database to enable metadata-driven access control and content gating. It integrates payment processing to restrict full content access based on verified purchase history, while providing public previews. The system covers a broad range of capabil

Django User Accounts is a modular library for managing user registration, authentication, and profile workflows within Django applications. It provides a comprehensive framework for handling the full account lifecycle, including secure credential verification, password recovery, and email-based identity confirmation. The project distinguishes itself through a highly extensible architecture that allows developers to override default class-based views and implement custom hooks for unique user model requirements. It supports database-backed profile extensions, enabling the mapping of custom use

React Redux is a set of official bindings and integration layers that connect a Redux global state container to a React user interface. It functions as a state synchronization library and a communication bridge, allowing components to read state and dispatch actions to a centralized store. The project decouples business logic from the view layer, ensuring that the user interface automatically updates whenever the underlying global state changes. It manages complex data flows by linking the UI to a central state container to share data across different components and screens. The library impl

cube-ui is a mobile-first Vue.js component library that provides a comprehensive set of pre-built UI elements for building touch-based mobile web applications. The library is built on Vue's single-file component architecture and supports on-demand ES module imports, allowing developers to selectively load only the components they need to optimize bundle size. It also offers plugin-based global registration for convenient setup and includes a CLI scaffolding tool to generate project skeletons with pre-configured build settings. The library distinguishes itself with a gesture-driven interaction