Angular Ngrx Nx Realworld Example App

Theme by Stefanoslig

|

Updated: 17 May 2025

|

974 Stars

Real world application built with Angular 19, NgRx 19, nrwl/nx 20

Categories

Overview

The RealWorld Example App is a fullstack application built with Angular, ngrx/platform, nrwl/nx, demonstrating a social blogging site similar to Medium.com with features such as CRUD operations, authentication, routing, and pagination. It adheres to Angular community styleguides and best practices.

Features

• Fully Fledged Application: Complete with CRUD operations, authentication, routing, and pagination.
• JWT Authentication: Ability to authenticate users via JWT with login/signup forms and logout functionality.
• CRUD Articles: Create, read, update, and delete articles.
• Comments Functionality: Ability to add comments to articles and view/delete comments.

Installation

To run the RealWorld Example App, follow these steps:

1. Clone the repository:

   git clone <repository_url>
   

2. Install dependencies:

   npm install
   

3. Start the application:

   npm run start
   

4. To run unit tests:

   nx run-many -t test
   

5. To lint the code:

   nx run-many -t lint
   

Summary

The RealWorld Example App is a feature-rich Angular application showcasing a social blogging site with various functionalities like CRUD operations, authentication, and pagination. By following best practices and guidelines, it provides a solid foundation for developers to learn and implement similar projects effectively.