avatsaev/angular-contacts-app-example

Full Stack Angular PWA example app with NgRx & NestJS

angular-contacts-app-example's Issues

Write tests for reducers

no data displayed

i tried running the backend and the client and no data displayed on the browser.

Write tests for side effects

ContactsActionTypes.CREATE

Does this project save everything local then send it to api?

startWith in the @Effect

Sorry this is actually a Stack Overflow issue.

I was wondering why we need to use startWith in here

angular-contacts-app-example/src/app/views/contacts/store/effects/contacts-effects.ts

Line 19 in 478f200

.startWith(new contactsActions.LoadAll())

I know how to use startWith in general, but not sure why we need to use it here?

User authentication with JWT

CRUD don't work.

Please, can you fix I tried running the Contacts app and perform the CRUD I don't see its working it doesn't move.

Thank you.

compose-angular-contacts-app-example

how to do it? im not familiar with docker. im using windows. in your package.json file no docker and docker-compose. i think there's something wrong of your changes. docker-compose up not recognized.

demo not working

http://angular-contacts-ngrx.surge.sh/contacts
not working. can you check the api

Upgrade to Angular 5.1 and TypeScript 2.6

Write unit test of all components

Toolbar title: Expression changed after change detection

Description

Currently lazy loaded container views change the page title of the toolbar. Considering views are at the bottom of the component tree, and change data of top level component (toolbar title), it violates angular's one way data flow principle (Data must flow from top to bottom).

Proposal

• Dispatch set title action at main app component level, and store route titles in router data.

OR

• Use route resolvers to dispatch the set title action

Refactor with @angular/material

Use material UI instead of bootstrap

https://material.angular.io/components/categories

• use dark theme with blue colors

• use mat-card for contact list

• Reduce margins between lateral border

• use placeholders in forms

• use FAB button to ADD

• remove back button

• use logo and title as routes to home

Update side effects unit tests for ngrx8

Ws connection failed (localhost, docker)

Describe the bug
The ws connection from angular app on port 3000 doesn't work (connection failed)

To Reproduce
Steps to reproduce the behavior:

1. Launch the docker container
2. Launch angular application
3. See error printed on browser console

Expected behavior
Connection established on local port 3000 as of original mapping on docker compose definition

Unable to add contact in Demo

Describe the bug
Unable to add a contact in Demo

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://angular-contacts-ngrx.surge.sh'
2. Click on '+new'
3. Fill the form
4. Submit a form
5. The contact list is still empty

Expected behavior
The contact list should be populated with added contact.

Desktop (please complete the following information):

• OS: iOS
• Browser Chrome
• Version 76.0.3809.100 (Official Build) (64-bit)

New Contact create 2 records

I run it here and when I try New Contact it works but create the same contact 2 times.

Reducer error

property payload does not exist on all type.

Error when running container

Describe the bug
After cloning repo and install dependencys
npm i
Getting error when run
docker-compose up -d
output
=> [stage-1 2/4] COPY nginx/default.conf /etc/nginx/conf.d/ 0.2s
=> [stage-1 3/4] RUN rm -rf /usr/share/nginx/html/* 0.6s
=> [builder 2/6] COPY package.json package-lock.json ./ 0.3s
=> ERROR [builder 3/6] RUN npm ci && mkdir /ng-app && mv ./node_modules ./ng-app/

To Reproduce
Steps to reproduce the behavior:
Clone repo
run
npm i
docker-compose up -d

Expected behavior
run client

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. ubuntu 20.4 and windows]

repository avatsaev/angular-contacts-api not found: does not exist or no pull access

When I try to run command "docker-compose up", I got the error : repository avatsaev/angular-contacts-api not found: does not exist or no pull access.

[Question] How to create/generate new {store,effects,entity,facade} using cli command?

i'm new in @ngrx, Currently I'm follow your angular-contacts-app-example(repo) pattern, I want to create @ngrx/effects, actions, reducers, store, state ts files using cli, can you please help me what's the best practice?

Did you intend to remove docker support?

Dockerfile, docker-compose.yml were removed in this commit: 2796b40

Not sure if accidentally removed or not, but docker is still referenced in latest README