Angular Tutorial - Create a Realtime Chat Application with Firebase
Create a real time chat application using #Angular, #Firebase while using tools such as #Nx within a monorepository.
0:00 - Intro
0:10 - Firebase / Gumroad
0:46 - Client App / App Feature
1:03 - Models
2:01 - Firebase Configuration
3:51 - Firebase Collections Seed Data
4:12 - Chatroom Services
7:32 - Chatroom Components
12:25 - Serve Chatroom Application
13:00 - Summary
Site: https://ngserve.io
Gumroad: https://mutableideas.gumroad.com/l/whyti
Background Music: https://www.bensound.com/
Domain Generator Commands
nx workspace-generator client-app --domain abc --name members
nx workspace-generator app-feature --name members --domain abc
Model Generator Commands
nx workspace-generator common-model --name member --domain abc --inputs "id,firstName,lastName,username"
nx workspace-generator common-model --name chatRoom --domain abc --inputs "id,name,dateCreated,lastMessage"
nx workspace-generator common-model --name messages --domain abc --inputs "id,message, dateCreated,user"
Service Generator Commands
npx nx g @nrwl/angular:services services/chatRoom --project abc-ui-data-access
npx nx g @nrwl/angular:services services/messages --project abc-ui-data-access
npx nx g @nrwl/angular:services services/members --project abc-ui-data-access
Component Generator Commands
npx nx g @nrwl/angular:component chatRoomList --project abc-ui-members-feature
npx nx g @nrwl/angular:component chatRoom --project abc-ui-members-feature
#Nrwl #Nx #monorepo #angular #nx #fullstackdevelopment #firebase #WebDevelopment #googlecloud
Auf dieser Seite können Sie das Online-Video Angular Tutorial - Create a Realtime Chat Application with Firebase mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer NgServe-io 05 Juli 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,174 Mal angesehen und es wurde von 27 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
