awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
realworld-apps avatar

realworld-apps/vue-realworld-example-app

0
View on GitHub↗
4,068 stars·1,316 forks·Vue·MIT·22 viewsvue-vuex-realworld.netlify.com↗

Vue Realworld Example App

This project is a Vue.js single page application that serves as a full-stack blogging platform. It demonstrates the implementation of a frontend interface connected to a standardized backend API to manage data and user sessions.

The application features a REST API client for performing create, read, update, and delete operations on resources. It includes a complete user authentication workflow for sign-up and login processes to maintain session state and restrict access to private pages.

The architecture incorporates centralized state management to synchronize data across components, client-side routing for URL-based navigation, and a component-based UI structure. Backend connectivity is handled through promise-based HTTP requests with environment-based API resolution.

Features

  • Vue.js Application Development - Developed as a complete web application using the Vue.js framework to demonstrate component structure and state management.
  • User Authentication Workflows - Provides end-to-end workflows for user registration, login, and session persistence to protect private pages.
  • Client-Side Route Mapping - Maps browser URL paths to specific component views for seamless navigation without full page reloads.
  • Application Route Managers - Maps URL changes to specific views to organize the visual structure and navigation of the interface.
  • Component-Based Architectures - Employs a modular architecture that breaks the user interface into independent, reusable components.
  • Centralized State Management - Uses a centralized store to synchronize application state across components and avoid prop drilling.
  • Reactive Data Binding - Automatically synchronizes the visual interface with the underlying application state whenever data changes.
  • Client-Side Navigation Management - Manages client-side navigation and view transitions based on URL paths via a routing implementation.
  • Single Page Applications - Implements a full-stack blogging platform as a Vue.js single page application.
  • REST API Clients - Ships a client-side REST API implementation using axios to interact with a standardized backend.
  • Promise-Based HTTP Clients - Handles asynchronous API communication using a promise-based HTTP client for cleaner request logic.
  • Entity CRUD Interfaces - Provides user interfaces for managing blogging resources through standardized CRUD operations.
  • Backend API Connectivity - Implements connectivity to a specification-compliant backend API using environment variables for server resolution.
  • CRUD Applications - Implements a blogging platform centered around creating, reading, updating, and deleting data records.

Star history

Star history chart for realworld-apps/vue-realworld-example-appStar history chart for realworld-apps/vue-realworld-example-app

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does realworld-apps/vue-realworld-example-app do?

This project is a Vue.js single page application that serves as a full-stack blogging platform. It demonstrates the implementation of a frontend interface connected to a standardized backend API to manage data and user sessions.

What are the main features of realworld-apps/vue-realworld-example-app?

The main features of realworld-apps/vue-realworld-example-app are: Vue.js Application Development, User Authentication Workflows, Client-Side Route Mapping, Application Route Managers, Component-Based Architectures, Centralized State Management, Reactive Data Binding, Client-Side Navigation Management.

Which projects share features with realworld-apps/vue-realworld-example-app?

Projects with overlapping indexed features include: bailicangdu/vue2-happyfri — vue2-happyfri is a frontend development starter kit and application template for the Vue 2 framework. It provides a… gothinkster/angular-realworld-example-app — This is a TypeScript web application and single-page application built with Angular. It serves as a full-featured… day8/re-frame — re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized,… fossasia/open-event-next — Open-event-next is a Vue.js single-page application and event management frontend designed to help event organizers… vuejs/vue — Vue is a progressive, component-based JavaScript framework designed for building reactive user interfaces and… baidu/san — San is an isomorphic JavaScript framework and single-page application toolkit used for building user interfaces with…

Projects sharing features with Vue Realworld Example App

These projects share indexed features with Vue Realworld Example App. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • bailicangdu/vue2-happyfribailicangdu avatar

    bailicangdu/vue2-happyfri

    10,538View on GitHub↗

    vue2-happyfri is a frontend development starter kit and application template for the Vue 2 framework. It provides a foundational codebase designed for learning and implementing the core ecosystem of Vue.js. The project serves as a reference implementation for building single-page applications by combining Vue.js with Vue Router for navigation setup and Vuex for state management examples. It demonstrates how to map URL paths to page components and maintain consistent application state across multiple components. The codebase covers high-level capabilities including client-side routing and cen

    JavaScriptvue
    View on GitHub↗10,538
  • gothinkster/angular-realworld-example-appgothinkster avatar

    gothinkster/angular-realworld-example-app

    5,616View on GitHub↗

    This is a TypeScript web application and single-page application built with Angular. It serves as a full-featured blogging platform and content management system that implements professional architectural patterns for building complex user interfaces. The project functions as a REST API client that integrates with a backend service to manage users, articles, and social interactions. It includes a markdown content renderer to display formatted articles and a system for content discovery using paginated feeds and category filters. The application covers several functional domains, including us

    TypeScript
    View on GitHub↗5,616
  • fossasia/open-event-nextfossasia avatar

    fossasia/open-event-next

    1,518View on GitHub↗

    Open-event-next is a Vue.js single-page application and event management frontend designed to help event organizers build custom websites for listing schedules, sessions, and ticketing details. It provides an interactive web interface for discovering upcoming community gatherings and tracking participant responses with dynamic view transitions that update the browser viewport without full page reloads. The application is built on a component-driven architecture using file-based page routing, a reactive state store, and client-side hydration to attach interactive event handlers to pre-rendered

    TypeScript
    View on GitHub↗1,518
  • day8/re-frameday8 avatar

    day8/re-frame

    5,532View on GitHub↗

    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

    Clojureclojurescriptre-framereact
    View on GitHub↗5,532
  • Compare all 30 related projects→