Stack Overflow Clone -  APIs Integration Redux Toolkit [Closure] - App Demo #05
Channel: Code with tkssharma
Date: 2023-04-24

Hi Everyone, 
🔥 This Video is a part of the Playlist "Stack Overflow Clone Application" and we are covering everything from ground zero to hero 
Stack Overflow Clone Application | Full Stack Development 
React Nextjs, Nestjs, TypeORM & Postgres

🔥 outlines for this video
00:00:00  Redux state using dev tools for application 
00:05:00 looking into firebase token payload 
00:06:00 Populating user object in DB tables from token 
00:09:00  updating questions, answer APIs with new user data 
00:15:00 Populating user metadata on UI from APIs data 
00:18:00 updating data for question listing and answers listing pages 
00:23:00 Populating tags on the sidebar from the questions the selector 
00:40:00 Adding upvote and downvote action using dispatch 
00:56:00 Adding new async action for creating question and answer 
00:58:30 Accessing redux state in createAsyncThunk method for getting token
01:00:00 Accessing protected APIs with an authorization token 
01:06:00 Model popup to generate question and answers
01:10:00 closure of full stack clone app 

🔗 Playlist  https://www.youtube.com/playlist?list=PLIGDNOJWiL19kquPvnT1jn6tnYEiXWpGl
🔗 GitHub Link  https://github.com/tkssharma/stack-overflow-full-stack-clone

⭐️ Welcome to Stack Overflow Clone Application
we are going to make everything from ground zero using the latest technology and tools
We will make the most common features for any simple stack overflow app

In this app user can post a question, answer an existing question and can add comment for a question

Features 
- ⭐️ User Auth using Firebase google auth Provider 
- ⭐️ APIs using nest js for managing question, answers and comment
- ⭐️ UI design and component building using React Framework 
- ⭐️ Application will be using latest react router and state management using redux/toolkit

Tools and technologies we are going to use 

- ⭐️ Architecture discussion for building two tier application
- ⭐️ Designing different services
- ⭐️ Application setup with monorepo solutions
- ⭐️ using PNPM workspaces to manage apps and packages
- ⭐️ Nx for monorepo tooling
- ⭐️ Building packages for api application.
- ⭐️ Express with Node JS and typescript 
- ⭐️ Building React typescript application with Redux/Toolkit
- ⭐️ Prisma and TypeORM for services 
- ⭐️ Docker and containerization for postgres


🔥🔥 Welcome to my channel Code with tkssharma 🔥🔥
Learn Geek stuff [Angular, Nest JS, Sveltekit,  React, Sveltekit, Next JS, Redux, Nodejs, Nest JS,  Web Development, Docker, AWS, Vue JS, All about Javascript]
Hi, I'm Tarun - a full-stack software developer from India. I build open-source projects and write about modern JavaScript, Node.js, design, and web development. If you like my stuff Please subscribe to My channel and Fell free to hit One-click unsubscribe anytime. I have 2000 youtube videos on the latest technologies.
If you have any comments, ideas, or critiques, or you want to say hi, don't hesitate to send me an email at tarun.softengg@gmail.com

https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g?view_as=subscriber
https://tkssharma.com/

Watch ALL My Playlist
https://www.youtube.com/user/vibbbbbba/playlists?view_as=subscriber

⭐️ Support my channel⭐️ https://www.buymeacoffee.com/tkssharma
⭐️ GitHub link for Reference ⭐️ https://github.com/tkssharma
⭐️ Node.js for beginners Playlist ⭐️ https://www.youtube.com/channel/UCS1NeZF0Or2E1RAV9hQJz3g
🔥 Video contents..https://tkssharma.com/publications/  👇 
⭐️ Crash Courses ⭐️

🔗 Nodejs Microservices - https://www.youtube.com/watch?list=PLIGDNOJWiL19WHIxJ0Q4aP4X3oljPha5n&v=_fK8g2dhzvU&source_ve_path=MjM4NTE&feature=emb_title

🔗 Full Stack Clone Apps using Next JS - https://www.youtube.com/watch?v=t1JsK9rMYI8&list=PLIGDNOJWiL1-Smf4ABmuvcOrV7E4mCqN3
🔗 Next JS 13 Crash Course - https://www.youtube.com/watch?v=tSfKoY2Zzf8&list=PLIGDNOJWiL1-qK8XrRkMlLwYCSuVWCPZp
🔗 Nodejs Master Course - https://www.youtube.com/watch?v=Mu3zUZY3drA&list=PLIGDNOJWiL18Rh8ymQgXnIwtg_Qx0fkXf
🔗 ... 100+ more playlist 
🔗 .... its very big list 


🐦 Twitter: https://twitter.com/tkssharma
🐦 Github: https://github.com/tkssharma
🐦 Website: https://tkssharma.com
🐦 Blogs: https://blog.tkssharma.com

I’m Tarun, I am Publisher, Trainer Developer, working on Enterprise and open source Technologies JavaScript frameworks (React Angular, sveltekit, nextjs), I work with client-side and server-side javascript programming which includes node js or any other frameworks Currently working with JavaScript framework React & Node js 🚀 with Graphql 🎉 developer publications.

I am a passionate Javascript developer writing end-to-end applications using javascript using React, Angular 🅰️, and Vue JS with Node JS, I publish video tutorials and write about everything I know. I aim to create a beautiful corner of the web free of ads, sponsored posts,