Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 2 months ago
JSON representation

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

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**: [email protected]
**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)