- Видео 20
- Просмотров 183 503
Farhan Farooq
Пакистан
Добавлен 28 июл 2019
React - Add Google reCAPTCHA to form
Text-based tutorial: farhanfarooq.com/tutorials/react-add-google-recaptcha-to-form
Support Channel:
Patreon: www.patreon.com/user?u=43857749
Support Channel:
Patreon: www.patreon.com/user?u=43857749
Просмотров: 12 444
Видео
Build classified ads project with React and Firebase
Просмотров 890Год назад
course link: www.udemy.com/course/build-classified-ads-project-with-react-and-firebase/?referralCode=125E0D804CB85EB6E204 Support Channel: Patreon: www.patreon.com/user?u=43857749
Deploy React app on Firebase hosting with Github Actions
Просмотров 8 тыс.2 года назад
In this video we will deploy react app on firebase hosting with github actions (continuous deployment) Text-based tutorial: farhanfarooq.com/tutorials/firebase-hosting-deploy-react-app-with-github-actions Support Channel: Patreon: www.patreon.com/user?u=43857749
Send email with Next.js and Sendgrid
Просмотров 7 тыс.2 года назад
In this video we will create a contact form where user will be able to fill the form and upon submission an email will be sent to us containing the data provided by the user using sendgrid. Text-based tutorial: farhanfarooq.com/tutorials/send-email-with-next-js-and-sendgrid Support Channel: Patreon: www.patreon.com/user?u=43857749
Build and Deploy Private Chat App with React Firebase version 9
Просмотров 43 тыс.3 года назад
In this tutorial we will build a private chat app with React and Firebase. We will use Firebase SDK version 9 which is based on modular approach. We will utilize firebase authentication, firestore and storage services in this project. Timestamps: 00:00:00 - Intro and Demo 00:05:30 - Create React App and Setup Firebase 00:09:45 - Firebase Configuration 00:14:11 - Navbar Component 00:19:10 - Regi...
CRUD app with React Firebase SDK version 9
Просмотров 5 тыс.3 года назад
In this video we will build react app to perform CRUD operations on firebase firestore using latest firebase SDK version 9 Source code: github.com/itsmefarhan/crud-react-firebase-version-9 Text based Tutorial: farhanfarooq.com/tutorials/crud-app-with-react-firebase-sdk-version-9 Support Channel: Patreon: www.patreon.com/user?u=43857749
React Google Sheet CRUD app - Update data - 6/6
Просмотров 1,7 тыс.3 года назад
This is the sixth and final video of React Google Sheet CRUD app series. In this video we will update data Complete playlist: ruclips.net/p/PLnt2oGQA_lQ2lMKVWUMg-GCoSo22JxYSc Source code: github.com/itsmefarhan/react-google-sheet-crud Support Channel: Patreon: www.patreon.com/user?u=43857749
React Google Sheet CRUD app - Delete Data from Google Sheet - 5/6
Просмотров 1,4 тыс.3 года назад
This is the fifth video of React Google Sheet CRUD app series. In this video we will delete data from google sheet using sheet.best Complete playlist: ruclips.net/p/PLnt2oGQA_lQ2lMKVWUMg-GCoSo22JxYSc Source code: github.com/itsmefarhan/react-google-sheet-crud Support Channel: Patreon: www.patreon.com/user?u=43857749
React Google Sheet CRUD app - Add Data into Google Sheet - 4/6
Просмотров 6 тыс.3 года назад
This is the third video of React Google Sheet CRUD app series. In this video we will insert data from our react app into google sheet using sheet.best Complete playlist: ruclips.net/p/PLnt2oGQA_lQ2lMKVWUMg-GCoSo22JxYSc Source code: github.com/itsmefarhan/react-google-sheet-crud Support Channel: Patreon: www.patreon.com/user?u=43857749
React Google Sheet CRUD app - Get Data from Google Sheet - 3/6
Просмотров 11 тыс.3 года назад
This is the third video of React Google Sheet CRUD app series. In this video we will retrieve data from google sheet using sheet.best Complete playlist: ruclips.net/p/PLnt2oGQA_lQ2lMKVWUMg-GCoSo22JxYSc Source code: github.com/itsmefarhan/react-google-sheet-crud Support Channel: Patreon: www.patreon.com/user?u=43857749
React Google Sheet CRUD app - Setup Google Sheet and sheet.best - 2/6
Просмотров 8 тыс.3 года назад
This is the second video of React Google Sheet CRUD app series in which we will setup google sheet and sheet.best docs.google.com/spreadsheets/u/0/ sheet.best/ Complete playlist: ruclips.net/p/PLnt2oGQA_lQ2lMKVWUMg-GCoSo22JxYSc Source code: github.com/itsmefarhan/react-google-sheet-crud Support Channel: Patreon: www.patreon.com/user?u=43857749
React Google Sheet CRUD app - Introduction - 1/6
Просмотров 12 тыс.3 года назад
This is the introductory video of React Google Sheet CRUD app series. Complete playlist: ruclips.net/p/PLnt2oGQA_lQ2lMKVWUMg-GCoSo22JxYSc Source code: github.com/itsmefarhan/react-google-sheet-crud Support Channel: Patreon: www.patreon.com/user?u=43857749
React - Cloudinary CRUD app
Просмотров 5 тыс.3 года назад
This is the reactjs frontend which consumes API built in ruclips.net/video/LWB1s6P0wgE/видео.html Other Text based Tutorials: farhanfarooq.com/tutorials Support Channel: Patreon: www.patreon.com/user?u=43857749
Gatsby Firebase Authentication
Просмотров 3,8 тыс.4 года назад
In this video we will integrate Firebase authentication in Gatsby project. We will use gatsby-plugin-firebase to integrate firebase with our Gatsby project. Source Code: www.patreon.com/posts/43128940 Text based Tutorial: farhanfarooq.com/tutorials/gatsby-firebase-authentication Support Channel: Patreon: www.patreon.com/user?u=43857749
MERN Stack Authentication And Deployment - Part 3
Просмотров 1824 года назад
This is the third and final video of "MERN Stack Authentication And Deployment To Heroku" series. In this video we will deploy our app on Heroku Support Channel: Patreon: www.patreon.com/user?u=43857749
MERN Stack Authentication And Deployment - Part 2
Просмотров 2304 года назад
MERN Stack Authentication And Deployment - Part 2
MERN Stack Authentication And Deployment - Part 1
Просмотров 3874 года назад
MERN Stack Authentication And Deployment - Part 1
React - Integrate Google Sheets with Forms
Просмотров 21 тыс.4 года назад
React - Integrate Google Sheets with Forms
Cloudinary Files/Images CRUD Operations Using Nodejs, Multer and MongoDB
Просмотров 35 тыс.4 года назад
Cloudinary Files/Images CRUD Operations Using Nodejs, Multer and MongoDB
Thanks!
Really nice video. I don't why it has low view count. This video is awesome. Thank YOu so much and keep doing the great work
Perfect! Thank you.
bro can solve my problem workflow adding is failed I've tried at least 50 times add workflow in my github repo , pls reply
bro a king fr
is still working?
thanksssssssssss🧡🧡🧡🧡🧡🧡🧡
are bhaiyaaaaa debugging sikha do
one of the best video of file upload
Amazing
Thank You So much, Sir. This is the very best Trick. very informative video.
Coudln't you just fire off `handleSubmit` and bypass the captcha? Can captcha give you some sort of one use api key to access your backend?
Thank you so much for this simple explanation
Thank You Sir
thank you for this! how can you reset the captcha after the submit?
did you dinf out at the end?
@@AlexTLOU Yes! at the end of the handleSubmit function, i use the ref like this: ref.current.reset()
thanks! by the way i think it is better to use captcha v3 now, for example, in my website it looks very ugly as i cant add any styling to it, also it makes a better ux since there is no button to click, what do you think?@@juanmateobuccolini4029
Thank you , it helped me!
This video really helped me understand the basics of firebase properly .Can't Thank you enough!!!
Thank you, this is just what I needed!
thank you for a link to the service
Thank you so much. Really helpful!
Thank you Farhan. You are the man! I tried to establish a CI/CD pipeline with chatGPT, a school AI bot, google and I always hit a wall until I saw your video. Thank you!!!
Hi this is amazing Can you. tell me hwo to get data in another sheet in the same google sheets doc.
your video saves my life! thank you very much genius! you earned a follower and a like, thank you thank you thank you
is it compatible on mobile device?
thanks alot, other than no words
how can i create for mutiple type of appilcation in single yml file like python, react or nodejs in single file.
Such a grate video! Thanks for your effort.
thank you for helping me😊
Can upload video In that way?
God job man, this was helpful.
Worth video💫
this video is very helpful.. Thanks a lot sir.. you really saved me today...
Like how you break down the code into smaller sections at the start and then walkthrough what the code does. Makes it very straightforward to follow. Thanks Faran, really useful content.
Someone please tell me how did the image file open when clicked to profile image 😅
give me code plase
don't download from his github repo - definitely a scammer, fked up my computer
Hi Farhan Bhai, course me koi discount coupon hai kya
$9.99 coupon code: APRIL-2023-C
@@farhanfarooq thank you so bhai
I am getting the the response true in network tab but not able to receive any mail
great. there looks a need of central admin who could edit/update and mangae everything. and seller actions to be first approved by a admin. Also inside each ad details page, comments and rating should be there. but still great project. what are the exact prerequisites of react and firebase. I know basics.
if you know what is react hooks, props, state then you are good to go
It works on local server, but after deploy it doesn't work
Have you added all of the environment variables in vercel (if that is there you have deployed your website)?
very easy thanks for this
Hello brother, can you do $5 for the course?
$9.99 is the minimum price allowed by udemy and that too with coupon
Would be great to see how you would add google recaptcha to this form anyone here done this??
here is an example farhanfarooq.com/tutorials/react-add-google-recaptcha-to-form
Thank you bro it worked
please tell me where is the problem
const [values,setvalues] = useState({ firstname:'', lastname:'', email:'', phone:'', url:'', sale:'' }) const {firstname,lastname,email,phone,url,sale} = values; const handleChange = (e) => setvalues({...values,[e.target.name]:e.target.value}) const handleSubmit = async (e) => { e.preventDefault() try { await fetch ("localhost:3001/api/contact"),{ method: 'POST', headers: { "Content-Type" : "application/json", }, body: JSON.stringify(values) } } catch (error) { console.error(error) } }
require('dotenv').config() const sgMail = require('@sendgrid/mail') const {SENDGRID_API_KEY, FROM_EMAIL, TO_EMAIL} = process.env export default async function handler (req, res){ const {firstname,lastname,email,phone,url,sale} = req.body const msg = { to:TO_EMAIL, from:FROM_EMAIL, subject: 'Demo', html:`<p><strong>First Name:</strong>${firstname}</p> <p><strong>Last Name:</strong>${lastname}</p> <p><strong>Email:</strong>${email}</p> <p><strong>Phone:</strong>${phone}</p> <p><strong>Business Url:</strong>${url}</p> <p><strong>Annual Sale:</strong>${sale}</p> `, } await sgMail.send(msg) .then(() => { console.log('Email sent') }) .catch((error) => { console.error(error) }) }
Email sent API resolved without sending a response for /api/contact, this may result in stalled requests. i am getting this answer but email is not sending
thank you for this video 😊
getting error Module not found: Can't resolve '@sendgrid/mail' const sgMail = require('@sendgrid/mail')
npm i @sendgrid/mail