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
In questa pagina del sito puoi guardare il video online Angular Tutorial - Create a Realtime Chat Application with Firebase della durata di ore minuti seconda in buona qualità , che l'utente ha caricato NgServe-io 05 luglio 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 3,174 volte e gli è piaciuto 27 spettatori. Buona visione!
