Stack Overflow Clone - Bootstrap UI and Building Question,Answer APIs #nestjs #03
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 Configure Firebase in react app
00:05:00 Validate Question Apis and capture user from firebase token
00:07:00 using auth user decorator to extract loggedIn user
00:10:30 extract token payload firebase user data
00:13:00 question APIs CRUD
00:15:00 adding nestjs filters for filtering HTTP exceptions
00:20:00 Update and Delete Question APIs
00:28:00 Answers APIs create, update and Delete Answers
00:31:00 fetch all answers of a Question List APIs
00:34:00 Building UI Layout Design
00:35:00 Login using firebase google provider
00:38:00 react router dom v6 for single page application
00:39:00 Looking into redux toolkit slices and store
00:43:00 Adding redux slices for managing redux state
00:44:00 configure store with all reducers
00:47:00 Creating User Slice for synchronous Operation
00:51:00 Adding redux Provider and React Router Dom
00:55:00 Building Question Slice for Asynchronous Calls
00:58:00 using CreateAsyncThunk for API Calls
01:00:00 Tracking API calls and updating state CreateAsyncThunk
01:06:00 Adding React Router for all Pages
01:11:00 Building Login with Login using Google
01:15:00 Handling onAuthStateChanged Firebase APIs
01:17:00 populating state from firebase login in store
🔗 Playlist https://www.youtube.com/watch?v=j3pXbuCiEU0&list=PLT5Jhb7lgSBOVgLGZGco_tTyGyHi-XMaF&ab_channel=CodeStudio
🔗 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
Comments