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
Sur cette page du site, vous pouvez voir la vidéo en ligne Angular Tutorial - Create a Realtime Chat Application with Firebase durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur NgServe-io 05 juillet 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 3,174 fois et il a aimé 27 téléspectateurs. Bon visionnage!
