Farhan Farooq
Farhan Farooq
  • Видео 20
  • Просмотров 183 503
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
Просмотров: 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
Flask SQLAlchemy - Urdu | Hindi
Просмотров 3915 лет назад
Flask SQLAlchemy - Urdu | Hindi

Комментарии

  • @moisespineda8520
    @moisespineda8520 День назад

    Thanks!

  • @CodeNCoffe
    @CodeNCoffe 2 дня назад

    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

  • @offgridvince
    @offgridvince 29 дней назад

    Perfect! Thank you.

  • @dkcreations.1250
    @dkcreations.1250 Месяц назад

    bro can solve my problem workflow adding is failed I've tried at least 50 times add workflow in my github repo , pls reply

  • @TahaIshaq-j8q
    @TahaIshaq-j8q 4 месяца назад

    bro a king fr

  • @RidhoSaputs
    @RidhoSaputs 5 месяцев назад

    is still working?

  • @FabioCattaneo-nd8ub
    @FabioCattaneo-nd8ub 6 месяцев назад

    thanksssssssssss🧡🧡🧡🧡🧡🧡🧡

  • @ManshiBharti-hk3ti
    @ManshiBharti-hk3ti 6 месяцев назад

    are bhaiyaaaaa debugging sikha do

  • @mmathan9355
    @mmathan9355 7 месяцев назад

    one of the best video of file upload

  • @talibhusain3335
    @talibhusain3335 7 месяцев назад

    Amazing

  • @vishwabhushanjamnik4891
    @vishwabhushanjamnik4891 8 месяцев назад

    Thank You So much, Sir. This is the very best Trick. very informative video.

  • @jinx12373
    @jinx12373 9 месяцев назад

    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?

  • @adarsh-chakraborty
    @adarsh-chakraborty 9 месяцев назад

    Thank you so much for this simple explanation

  • @surajmaurya1515
    @surajmaurya1515 9 месяцев назад

    Thank You Sir

  • @juanmateobuccolini4029
    @juanmateobuccolini4029 10 месяцев назад

    thank you for this! how can you reset the captcha after the submit?

    • @AlexTLOU
      @AlexTLOU 8 месяцев назад

      did you dinf out at the end?

    • @juanmateobuccolini4029
      @juanmateobuccolini4029 8 месяцев назад

      ​@@AlexTLOU Yes! at the end of the handleSubmit function, i use the ref like this: ref.current.reset()

    • @AlexTLOU
      @AlexTLOU 8 месяцев назад

      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

  • @raghavendraga5997
    @raghavendraga5997 10 месяцев назад

    Thank you , it helped me!

  • @arokoyuolaniyi3103
    @arokoyuolaniyi3103 10 месяцев назад

    This video really helped me understand the basics of firebase properly .Can't Thank you enough!!!

  • @JohnDoe-pb1qf
    @JohnDoe-pb1qf 10 месяцев назад

    Thank you, this is just what I needed!

  • @27sosite73
    @27sosite73 10 месяцев назад

    thank you for a link to the service

  • @ManjDeveloper
    @ManjDeveloper 11 месяцев назад

    Thank you so much. Really helpful!

  • @herbertgandia3136
    @herbertgandia3136 11 месяцев назад

    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!!!

  • @pranavdhawan4471
    @pranavdhawan4471 11 месяцев назад

    Hi this is amazing Can you. tell me hwo to get data in another sheet in the same google sheets doc.

  • @jesusre8495
    @jesusre8495 Год назад

    your video saves my life! thank you very much genius! you earned a follower and a like, thank you thank you thank you

  • @bluntdetto
    @bluntdetto Год назад

    is it compatible on mobile device?

  • @kumarkumar-j2w2l
    @kumarkumar-j2w2l Год назад

    thanks alot, other than no words

  • @MusingMaven
    @MusingMaven Год назад

    how can i create for mutiple type of appilcation in single yml file like python, react or nodejs in single file.

  • @Koro-qr7qe
    @Koro-qr7qe Год назад

    Such a grate video! Thanks for your effort.

  • @kiranjadhav7329
    @kiranjadhav7329 Год назад

    thank you for helping me😊

  • @suchidoodles
    @suchidoodles Год назад

    Can upload video In that way?

  • @Olamarx
    @Olamarx Год назад

    God job man, this was helpful.

  • @mydhiliy1655
    @mydhiliy1655 Год назад

    Worth video💫

  • @ujjwal.sapkota
    @ujjwal.sapkota Год назад

    this video is very helpful.. Thanks a lot sir.. you really saved me today...

  • @colbr6733
    @colbr6733 Год назад

    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.

  • @PawanKulal-ym6se
    @PawanKulal-ym6se Год назад

    Someone please tell me how did the image file open when clicked to profile image 😅

  • @weerotheme-b6n
    @weerotheme-b6n Год назад

    give me code plase

  • @Ethanandrewbird
    @Ethanandrewbird Год назад

    don't download from his github repo - definitely a scammer, fked up my computer

  • @anonymoussaif7361
    @anonymoussaif7361 Год назад

    Hi Farhan Bhai, course me koi discount coupon hai kya

  • @Samruddhi_Chavan_20
    @Samruddhi_Chavan_20 Год назад

    I am getting the the response true in network tab but not able to receive any mail

  • @sidds09
    @sidds09 Год назад

    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.

    • @farhanfarooq
      @farhanfarooq Год назад

      if you know what is react hooks, props, state then you are good to go

  • @vanfreemanhs2037
    @vanfreemanhs2037 Год назад

    It works on local server, but after deploy it doesn't work

    • @TheFotoGuys
      @TheFotoGuys Год назад

      Have you added all of the environment variables in vercel (if that is there you have deployed your website)?

  • @ashermanangan
    @ashermanangan Год назад

    very easy thanks for this

  • @ownagegaming54321
    @ownagegaming54321 Год назад

    Hello brother, can you do $5 for the course?

    • @farhanfarooq
      @farhanfarooq Год назад

      $9.99 is the minimum price allowed by udemy and that too with coupon

  • @vidarr7827
    @vidarr7827 Год назад

    Would be great to see how you would add google recaptcha to this form anyone here done this??

    • @farhanfarooq
      @farhanfarooq Год назад

      here is an example farhanfarooq.com/tutorials/react-add-google-recaptcha-to-form

  • @beluga8030
    @beluga8030 Год назад

    Thank you bro it worked

  • @webarrays
    @webarrays Год назад

    please tell me where is the problem

  • @webarrays
    @webarrays Год назад

    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) } }

  • @webarrays
    @webarrays Год назад

    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) }) }

  • @webarrays
    @webarrays Год назад

    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

  • @olgabaeva727
    @olgabaeva727 Год назад

    thank you for this video 😊

  • @webarrays
    @webarrays Год назад

    getting error Module not found: Can't resolve '@sendgrid/mail' const sgMail = require('@sendgrid/mail')