https://github.com/newaeonweb/ngrx-example

A well structured Angular project built using NGRX state managemant, including auth module with: signin, signup and logout.
https://github.com/newaeonweb/ngrx-example

angular ngrx-effects ngrx-store ngrx-store-devtools state-management

Last synced: 3 days ago
JSON representation

A well structured Angular project built using NGRX state managemant, including auth module with: signin, signup and logout.

• Host: GitHub
• URL: https://github.com/newaeonweb/ngrx-example
• Owner: newaeonweb
• Created: 2019-06-17T20:44:14.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-13T02:03:10.000Z (almost 3 years ago)
• Last Synced: 2025-03-06T08:32:57.030Z (7 months ago)
• Topics: angular, ngrx-effects, ngrx-store, ngrx-store-devtools, state-management
• Language: TypeScript
• Homepage:
• Size: 1.06 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# NgrxExample

[![Codacy Badge](https://api.codacy.com/project/badge/Grade/f5864f358f5b49e58f7de12bab20549d)](https://app.codacy.com/app/newaeonweb/ngrx-example?utm_source=github.com&utm_medium=referral&utm_content=newaeonweb/ngrx-example&utm_campaign=Badge_Grade_Dashboard)

A well structured Angular project built using NGRX state managemant, including auth module with **signin**, **signup** and **logout**.

![ngrx-example](/example-images/ngrx-structure.png)

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.0.1.

## Front Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Backend Development server

Run `npm run start:dev`. The project has a simple Node server implemented.

### Home

![ngrx-example](/example-images/ngrx-1.png)

### Signin

![ngrx-example](/example-images/ngrx-2.png)

**User**: johnny@cash.com

**Password**: 123456

### Dashboard

![ngrx-example](/example-images/ngrx-3.png)

### Character Detail

![ngrx-example](/example-images/ngrx-4.png)

### Episode Detail

![ngrx-example](/example-images/ngrx-5.png)