- 51
- 16 189
Engineers Hub
Приєднався 8 жов 2023
A passionate computer engineer on a mission for coding, tackle web development challenges, and share my insights with you. With years of experience in the tech industry, I'm here to guide you through the complexities of programming and web development.
Full stack E-commerce App with React, Vite , Nodejs , MongoDB and Context Api
In this video you can learn to create ecommerce web app using Vite , Nodejs , MongoDB and Context Api. You will also be able to perform authentication and cart functionality.
Ecommerce git code : - github.com/coderTech11/Ecommerce-App
Login system source code : - github.com/coderTech11/Login-system
React vite setup :- ua-cam.com/video/oGhMIL6CxYw/v-deo.html
Tailwind CSS in react vite :- ua-cam.com/video/Bv4z7fMUyYQ/v-deo.html
Nodejs Login system :- ua-cam.com/video/786-PmsnE-k/v-deo.html
Timestamps :
00:00 Introduction
00:16 Project Demo
05:44 React vite setup
07:12 Node backend setup
09:27 Mongoose Connection
21:23 Returning All products logic and routes
27:27 Navbaar
32:12 Custom React Hook for fetching data with axios
36:03 Product Context using Context Api
39:29 CORS configuration
42:15 Home Content
53:04 Single Product Implementation in Backend
57:56 Details Page for product
01:08:09 Star Rating
01:13:34 Signin and Signup Authentication
01:41:29 Cookie access in axios request
01:44:40 Products rendering based on categories
01:55:11 Cart Context with functionality
02:08:34 Auth Middleware
02:11:50 Implementing backend cart with auth in Cart Context
02:20:38 Carts page
02:36:20 Logout
02:37:13 Auth Context
02:45:57 Fetch cart item functionality
02:51:18 Verify authentication state
03:07:25 Final Project Flow
Ecommerce git code : - github.com/coderTech11/Ecommerce-App
Login system source code : - github.com/coderTech11/Login-system
React vite setup :- ua-cam.com/video/oGhMIL6CxYw/v-deo.html
Tailwind CSS in react vite :- ua-cam.com/video/Bv4z7fMUyYQ/v-deo.html
Nodejs Login system :- ua-cam.com/video/786-PmsnE-k/v-deo.html
Timestamps :
00:00 Introduction
00:16 Project Demo
05:44 React vite setup
07:12 Node backend setup
09:27 Mongoose Connection
21:23 Returning All products logic and routes
27:27 Navbaar
32:12 Custom React Hook for fetching data with axios
36:03 Product Context using Context Api
39:29 CORS configuration
42:15 Home Content
53:04 Single Product Implementation in Backend
57:56 Details Page for product
01:08:09 Star Rating
01:13:34 Signin and Signup Authentication
01:41:29 Cookie access in axios request
01:44:40 Products rendering based on categories
01:55:11 Cart Context with functionality
02:08:34 Auth Middleware
02:11:50 Implementing backend cart with auth in Cart Context
02:20:38 Carts page
02:36:20 Logout
02:37:13 Auth Context
02:45:57 Fetch cart item functionality
02:51:18 Verify authentication state
03:07:25 Final Project Flow
Переглядів: 1 322
Відео
NestJS Service and Dependency Injection
Переглядів 52Місяць тому
In this video you can learn about nestjs service and dependency injection in nestjs. Nestjs controllers and dtos : ua-cam.com/video/WfnBoO5inWQ/v-deo.html Postman for beginners: ua-cam.com/video/604AclYJex4/v-deo.html Nestjs for beginner tutorial : ua-cam.com/video/v9gDEXeTBo0/v-deo.html Nodejs and npm installation link : ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Visual Studio link : ua-cam.com/v...
NestJS Controllers and DTOs validation
Переглядів 52Місяць тому
In this video you can learn to create nestjs controllers , dtos and its validation. Module in Nestjs : ua-cam.com/video/Kp5313MxmOA/v-deo.html Postman for beginners: ua-cam.com/video/604AclYJex4/v-deo.html Nestjs for beginner tutorial : ua-cam.com/video/v9gDEXeTBo0/v-deo.html Nodejs and npm installation link : ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ1iY...
Modules in NestJS
Переглядів 20Місяць тому
In this video you will learn about module and how can you create it in nestjs. Nestjs for beginner tutorial : ua-cam.com/video/v9gDEXeTBo0/v-deo.html Nodejs and npm installation link : ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ1iY10Uc/v-deo.html
NestJS for beginners - Start your project in NestJS
Переглядів 112Місяць тому
In this video , you will learn about introduction to NestJS which is a NodeJS framework and how you can start your first project in NestJS. You will also learn project setup and receiving data from NestJS in postman. Nodejs and npm installation link : ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Postman for beginners: ua-cam.com/video/604AclYJex4/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ...
Express js Email Service with Nodemailer and Gmail in Node js
Переглядів 1692 місяці тому
In this video you can learn to send email in nodejs. github source code : - github.com/coderTech11/Nodejs-Email Nodejs and npm download link: ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Postman link : ua-cam.com/video/604AclYJex4/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ1iY10Uc/v-deo.html
Express 5 released...
Переглядів 352 місяці тому
In this video we will be going through the changes and improvements made in express 5.
RESTful CRUD API with NestJS, TypeORM, and PostgreSQL
Переглядів 4022 місяці тому
In this video you can learn to create restful CRUD API with NestJS, TypeORM, and PostgreSQL. github source code : - github.com/coderTech11/Crud-nestjs Nodejs and npm download link: ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Postman link : ua-cam.com/video/604AclYJex4/v-deo.html PostgreSQL and pgadmin link: ua-cam.com/video/zeZtMNwb-YE/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ1iY10Uc/v-...
Connect PostgreSQL to NestJS using TypeORM and View Data in PgAdmin
Переглядів 1773 місяці тому
In this video you can learn to connect postgreSQL to NestJS and view data in PgAdmin. Nodejs and npm download link: ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Postman link : ua-cam.com/video/604AclYJex4/v-deo.html PostgreSQL and pgadmin link: ua-cam.com/video/zeZtMNwb-YE/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ1iY10Uc/v-deo.html Nestjs for beginners: ua-cam.com/video/o2QZ_2QvJJQ/v-deo...
NestJS Configuration : Access Environment Variables in Nestjs
Переглядів 1083 місяці тому
In this video you can learn to access Environment Variables in Nestjs. NestJS for Beginners: ua-cam.com/video/o2QZ_2QvJJQ/v-deo.html Postman link : ua-cam.com/video/604AclYJex4/v-deo.html Nodejs and npm download link: ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ1iY10Uc/v-deo.html
Send Emails via SMTP Using Nodemailer and Gmail in NestJS
Переглядів 7643 місяці тому
In this video you can learn to send Emails via SMTP Using Nodemailer and Gmail in NestJS. github source code : - github.com/coderTech11/Email-nestjs Nodejs and npm download link: ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Postman link : ua-cam.com/video/604AclYJex4/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ1iY10Uc/v-deo.html Nestjs for beginners: ua-cam.com/video/o2QZ_2QvJJQ/v-deo.html
CRUD Rest API with Node js, Express, and MongoDB
Переглядів 5514 місяці тому
In this video you can learn to built restful CRUD API with Node js, Express, and MongoDB. github source code : - github.com/coderTech11/CRUD-Api Nodejs and npm download link: ua-cam.com/video/F2mDI8Wvz-Q/v-deo.html Create Database in MongoDB Atlas : ua-cam.com/video/od6fnmQbR3s/v-deo.html Postman link : ua-cam.com/video/604AclYJex4/v-deo.html Visual Studio link : ua-cam.com/video/JkHQ1iY10Uc/v-...
Access Environment Variables in Vite for React Project
Переглядів 1894 місяці тому
In this video you can learn to access environment variables in Vite for React Project. React Vite setup video : ua-cam.com/video/oGhMIL6CxYw/v-deo.html VSCode download video : ua-cam.com/video/JkHQ1iY10Uc/v-deo.html
Configure Tailwind CSS in a React Vite Project
Переглядів 574 місяці тому
In this video , you can learn to configure tailwind CSS in your React Vite project. React Vite setup video : ua-cam.com/video/oGhMIL6CxYw/v-deo.html VSCode download video : ua-cam.com/video/JkHQ1iY10Uc/v-deo.html
NodeJS Login System App with MongoDB, Express, and EJS
Переглядів 8925 місяців тому
NodeJS Login System App with MongoDB, Express, and EJS
Set up React Project with Vite in VSCode
Переглядів 1105 місяців тому
Set up React Project with Vite in VSCode
NodeJS Login & Signup JWT Authentication with Bcrypt Password Hashing
Переглядів 4246 місяців тому
NodeJS Login & Signup JWT Authentication with Bcrypt Password Hashing
Connect MongoDB Atlas to Node.js with Mongoose: Data Insertion and Viewing
Переглядів 1 тис.6 місяців тому
Connect MongoDB Atlas to Node.js with Mongoose: Data Insertion and Viewing
Access environment variables in Nodejs
Переглядів 466 місяців тому
Access environment variables in Nodejs
MongoDB Atlas Tutorial : Delete Projects and Terminate Clusters
Переглядів 1,6 тис.7 місяців тому
MongoDB Atlas Tutorial : Delete Projects and Terminate Clusters
Create a Database in MongoDB Atlas
Переглядів 1,1 тис.7 місяців тому
Create a Database in MongoDB Atlas
Install postgresql and run pgadmin on Windows
Переглядів 1347 місяців тому
Install postgresql and run pgadmin on Windows
Run Jupyter Notebook from the Command Line in Python using pip
Переглядів 667 місяців тому
Run Jupyter Notebook from the Command Line in Python using pip
Fix 'pip' Not Recognized Error in Python
Переглядів 487 місяців тому
Fix 'pip' Not Recognized Error in Python
React Router Dom : Solve 'Switch' Export Issue in React
Переглядів 327 місяців тому
React Router Dom : Solve 'Switch' Export Issue in React
Install python on windows 10/11 and run in Visual Studio Code
Переглядів 2437 місяців тому
Install python on windows 10/11 and run in Visual Studio Code
Install Visual Studio Code on Windows 10/11
Переглядів 637 місяців тому
Install Visual Studio Code on Windows 10/11
Bank Console Application using .NET Core 8 Final Part
Переглядів 958 місяців тому
Bank Console Application using .NET Core 8 Final Part
Code First Migration to solve DBModels Context Changed Error in .Net
Переглядів 348 місяців тому
Code First Migration to solve DBModels Context Changed Error in .Net
Bank Console Application using .NET Core 8.0 Part 1
Переглядів 1628 місяців тому
Bank Console Application using .NET Core 8.0 Part 1
Great content sir.
@@Rashmi-o8v6g thank you!
github se code lene k baad nhi run ho raha hai Vscode me
@@tricksbyvikeshmishra5385 Please refer to the README for detailed instructions
just opened video for thumbnail 🤧🤧🤧
@@lokeshsai_damarla Hope the content is up to the mark as well. Thanks.
👍
👍
👍
👍
👍
👍
👍
life save
Thank you so much bro, it has solved my issue. You are great :)
@@romeojoseph1789 you are welcome !!
Thanks
You are welcome !
great video, Thank you
@@Tech-x7c you are welcome!
Thanks İt works
@@devrimsarikaya you are welcome
Very crisp and straight to the point
Rewired error coming, sir plz help, it's still not working
@anupmasaxena8399 Could you please provide detail of your error ?
thank you sir.
@@demshano7690 you are welcome!!
It is not working for me. It later worked I had to disable charts also.
@@pythonpatterns what issue did you encounter?
@@EngineersHub-ue9ho Thanks it later worked.
How to solve the error can’t resolve “async_hooks”
@@infoseconds include async_hooks : false inside fallback
Dude , I'm literally sitting in tears here after I resolved this error . Thank you , thank you , thank you sooo muchhhh !! 😭😭😭😭
@@rudhraar You are welcome !!
Thanks you
@@azharazhar9581 you are welcome
Can't resolve 'process/browser' in 'C:\Users\kumar\OneDrive\Desktop\mern Todo\frontend ode_modules\@reduxjs\toolkit\dist' Did you mean 'browser.js' sir i facing this problem please help me I want to submit m final year project ....help me please ...waiting for your response
@@anshkumargupta5032 try including process/browser inside the fallback
Wow that was very helpful thank you brother❤❤
@CaliGuy124 You are welcome!
Thaks you
@@hafizmominhussain You are welcome !
Thank you!
@@stanf5488 You are welcome !
Thank you, it was very much helpful! keep it up
@@dipanjandas6644 You are welcome !
Thank you so much. If I were to meet you in person, I would give you a warm hug. You have been really helpful
@WanderEatLearn You are welcome ❤
Your video was really great help.
@@adventurewithme18 Glad the video was helpful to you.😊
I am using vite and facing same error is the steps will remain same
@velanthevar2459 I dont think it will solve for vite, since vite uses different bundler instead of webpack . There might be some misconfiguration or auto import which may be causing error in your case.
🤗😌
big fan sir
THANKA FROM BRAZIL!!! You are a Amazing person!! ♥
@@ÉumaCiladaBrinu You are welcome ❤️
thank you so much for this❤❤
@@himxai You are welcome😊
loadmodule is not working Invalid argument during startup: unknown conf file parameter : loadmodule
Check the path to REJSON.dll
i am getting Cannot read properties of undefined (reading 'prototype') error after solving all this how to solve it?
ua-cam.com/video/cJ-mU7npOQ0/v-deo.htmlsi=R_09PosJG_24magW this will solve your issue
@@EngineersHub-ue9ho Thanks a lot! It solved my error
i am getting "Unresolved type ProvidePlugin" error. konw how to slove this?
@@dhananjayaperera5406 try importing necessary variables inside your webpacks ProvidePlugin
Done buddy
helpful, thanks
You are welcome !
nice ❤❤❤
Loved it
👏👏👏
I did it
New subscriber ❤ I I always support you brother ❤❤
❤️❤️❤️❤️
Hello Brother Big Fan of your work. I am really fond of coding and it has helped me a lot. Love all the way from West california❤
Thank you very much
thank you from Egypt
You are welcome
thank you, may God bless u
You are welcome
Thanks a lot 🫠
You are welcome
Thanks! Worked for me