Code with Voran
Code with Voran
  • 21
  • 458 009
Fetching Data from API (JavaScript and HTML tutorial)
#fetch #javascript #tutorial
In this tutorial, you will learn how to fetch API responses in an HTML page using JavaScript.
If you have any doubts, please write them down in the comment section.
Like | Comment | Subscribe
Thank you
Переглядів: 883

Відео

Send Email using HTML + JavaScript (EmailJs Tutorial)
Переглядів 111 тис.2 роки тому
In this tutorial, I have shown you how to send emails from an HTML form using JavaScript. I created a simple functioning contact us form. For the design, I used Bootstrap. If you have any doubts, feel free to comment. If you feel this tutorial is useful, smash the like button. If you are new to my channel, please subscribe. More amazing tutorials are on the way. Source code - github.com/voranzo...
3. React with firebase 9 - Blog app (Firebase rules, Hosting)
Переглядів 1,1 тис.2 роки тому
This is part 3 of our blog app. In this video, I explained the firebase rules and I deployed the blog app on Firebase hosting deployed app here (Play around) - fir-app-68eac.web.app/ 00:00 Introduction 00:14 Firebase Rules 03:00 Firebase Hosting Part 1 - ua-cam.com/video/_7gdsAfFV9o/v-deo.html Part 2 - ua-cam.com/video/cS94eDcTe44/v-deo.html Github repo - github.com/voranzovv/my-article If you ...
2. React with firebase 9 - Blog app (Authentication, Likes, Comments and React-router)
Переглядів 8 тис.2 роки тому
This is part 2 of our blog app. In this video, I added some cool features such as authentication, like, comment features, react-router, and more. deployed app here (Play around) - fir-app-68eac.web.app/ 00:00 Introduction 00:24 Demo 01:30 Navigation bar 03:42 Firebase Rules 04:23 React-router 07:06 Signup 17:49 Login 28:08 Like button 36:46 View article 43:43 Comment Part 1 - ua-cam.com/video/_...
1. React with firebase 9 - Blog app (CRUD, File upload)
Переглядів 15 тис.2 роки тому
In this tutorial, I developed a blog application with ReactJs and firebase 9. Github repo - github.com/voranzovv/my-article Part - 2 is out now ua-cam.com/video/cS94eDcTe44/v-deo.html deployed app here (Play around) - fir-app-68eac.web.app/ If you find this useful, please subscribe to the channel and like the video. If you want me to add more features, feel free to comment. TABLE OF CONTENT 00:...
React Tutorial : ToDo app with localStorage
Переглядів 7 тис.3 роки тому
In this tutorial, I have developed a Todo app with localStorage using reactJS. For the design, I used CSS, bootstrap, and material icons. if you have any doubts, please comment below. #reactJs #tutorial #localStorage you can check the code in the below link. Git repo : github.com/voranzovv/react-todo-with-localStorage
React Tutorial - Simple Counter App
Переглядів 1,8 тис.3 роки тому
#React #useState #hooks welcome to my another react tutorial. Last week I reached 500 subscribers. it's a great start. Thank u for ur support so far. if you haven't subscribed to my channel, please subscribe and like the videos, it really means a lot to me In this tutorial, I built a basic counter app using a #hook called useState. If you have doubts, please comment in the comment section. Buy ...
React Table Sorting
Переглядів 43 тис.3 роки тому
In this video, I implemented a table with sorting functionality. The column can be ordered in ascending and descending order. I generated dummy data from mockaroo.com I used bootstrap for the design. you can get the CDN from the link below. getbootstrap.com/docs/4.4/getting-started/introduction/ If you have any doubts, please comment below. Don't forget to subscribe and like. Thank you Voranzov
React form with Formik and Yup (Easy way to build react forms)
Переглядів 1,2 тис.3 роки тому
#react #formik #yup #bootstrap In this tutorial, I made a React form using Formik and validated it with Yup. Bootstrap is used for the design. It is a very simple and easy-to-follow tutorial. If you get any doubts, feel free to write them down in the comment section. 00:00 - Introduction 00:41 - Install Formik and Yup 00:52 - Create Formik form 06:02 - Design with Bootstrap 08:16 - Validation w...
Send email from React without backend
Переглядів 69 тис.3 роки тому
This React tutorial will guide you to create a contact us form in a react application without a server. A third-party service called EmailJS will be used to send emails. If you have any doubts, please comment below. Please subscribe to my UA-cam channel and link the video and share. Happy learning!!! Thank you.
Build Restful Api with Node.js, Express & MongoDb
Переглядів 6373 роки тому
In this turorial I made restful api with Node Js, Express and mongoDB
React search filter tutorial
Переглядів 20 тис.3 роки тому
React search filter tutorial
Create NPM package and publish
Переглядів 4983 роки тому
Create NPM package and publish
React table with pagination
Переглядів 40 тис.3 роки тому
React table with pagination
Laravel API Tutorial (2021)
Переглядів 5254 роки тому
Laravel API Tutorial (2021)
Send Email directly from JavaScript | Tutorial [Easy]
Переглядів 53 тис.4 роки тому
Send Email directly from JavaScript | Tutorial [Easy]
HTML to PDF using JavaScript
Переглядів 81 тис.4 роки тому
HTML to PDF using JavaScript

КОМЕНТАРІ

  • @SIVAPRIYA-x9d
    @SIVAPRIYA-x9d Місяць тому

    this video is very helpful... but i need to know the expiry of api key in email.js

  • @Business-sj
    @Business-sj Місяць тому

    Not working

  • @Cnkcr
    @Cnkcr Місяць тому

    i did everything like the video but i got an error says "emailjs not defined"

  • @kabahjdaniels1669
    @kabahjdaniels1669 2 місяці тому

    Thank you for this tutorial, it is actually working 👍

  • @ezemuonyechinedu8046
    @ezemuonyechinedu8046 3 місяці тому

    my two personal rules are. only like, subscribe and share when the video helps me to archive my goal. second rule is following the creator of any video that help you archive your goal blindfolded. why? because there are lots of scam videos out there. Now I just like and subscribe to your UA-cam channel with the bell icon clicked. And I am going to follow you blindfolded.

    • @CodewithVoran
      @CodewithVoran Місяць тому

      Thanks a bunch, man. Your comment really made my day.

  • @pawan99835
    @pawan99835 4 місяці тому

    thanks sir😇

  • @VinhNguyen-nq6iu
    @VinhNguyen-nq6iu 5 місяців тому

    it really worked well, thanks!

  • @_Bellator
    @_Bellator 5 місяців тому

    Dude, I'm trying to make a website for a school project where the website needs to be a CV generator, in which the user puts their data (name, age, address and other things), and when I went to test it I did exactly as you did, but the content of the PDF was the website page itself, and in addition it was cut off at the end. How do I get just the answers from the different <input> and organize them with different sizes and places in the PDF? I used a link you answered in another comment but nothing there helped me

  • @jstv5592
    @jstv5592 5 місяців тому

    sehr hilfreiches Video.

  • @thanveerpp1983
    @thanveerpp1983 5 місяців тому

    i is not working in my form😮‍💨

  • @priyankayadhav3930
    @priyankayadhav3930 6 місяців тому

    It's working Thanks for the video ❤

  • @wildhog7210
    @wildhog7210 6 місяців тому

    Thank you, excellent tutorial !!

  • @poralekhaseekho
    @poralekhaseekho 6 місяців тому

    brother, Extraordinary your video... please new video upload . I am waiting

  • @gamesbyxa
    @gamesbyxa 6 місяців тому

    Great Tutorial but my company doesn't use Gmail for Business, we use Zoho, and the setup is completely different! Can you please create a tutorial for Zoho Business Users, as I've searched all over UA-cam and every single EmailJS tutorial uses Gmail which is super easy to connect and setup and just requires you click the connect account button and add the template where we Zoho users are required to input name, service id, user email, app password, and region before we can even click the connect the Create Service Button and it is highly recommended that we use the third-party app password if we have 2FA turned on.

  • @amapianozizwe3995
    @amapianozizwe3995 6 місяців тому

    Hi, Thanks for your content. I've been trying to get emailJS to wok 2 weeks now. All the videos I tried didn't work but yours. Just got yourself a new sub. Thanks #SouthAfrica

    • @CodewithVoran
      @CodewithVoran 6 місяців тому

      I'm glad my tutorial helped you out.🥰

  • @matheuspombeiro1675
    @matheuspombeiro1675 6 місяців тому

    Thanks Voran, you helped me a lot!

  • @Chrisoyeleke
    @Chrisoyeleke 6 місяців тому

    Well done!@code with Voran Mine is not working properly ,after clicking on send button my inputted data are not showing on the gmail,I don't know why

  • @rinkradio2284
    @rinkradio2284 7 місяців тому

    Thankyou very much I am looking for this and I get this thak you ❤❤❤

  • @MoMoney75314
    @MoMoney75314 7 місяців тому

    Very very helpful, thank you sir.

  • @Sirius39170
    @Sirius39170 7 місяців тому

    Thanks for the video!

  • @TechHaven_
    @TechHaven_ 7 місяців тому

    Finally a tutorial that works! thank you so much, easy like and subscribe

  • @linosouza8871
    @linosouza8871 7 місяців тому

    Thanks for sharing.

  • @DebjyotiNath-fd6lv
    @DebjyotiNath-fd6lv 8 місяців тому

    Thanks

  • @TungjangpoMusic-yq4rf
    @TungjangpoMusic-yq4rf 8 місяців тому

    Whether it is possible to make one submit button perform 2 function, sending information as well as redirect to another page that work as a link

  • @IllIIIIIIllll
    @IllIIIIIIllll 8 місяців тому

    everyone can do this even a noob can do this but do this in multipage and having header and footer space that' tough thing

  • @DiyaBhadoriya
    @DiyaBhadoriya 8 місяців тому

    Can anyone tell me why the details sent to me are not arriving on my email

  • @jlcdrivewayramps7343
    @jlcdrivewayramps7343 8 місяців тому

    Great video but background music is annoying. Very very very annoying. I came to learn, not listen to music.

    • @CodewithVoran
      @CodewithVoran 8 місяців тому

      Sorry about that. I turned off the background music in the next videos.

  • @JAIDEVSHARMA-pf5ew
    @JAIDEVSHARMA-pf5ew 8 місяців тому

    can anyone please tell me how to get radio button inputs in this

  • @joshuamuanlal6936
    @joshuamuanlal6936 8 місяців тому

    we dont need to download anything?

  • @dude9835
    @dude9835 9 місяців тому

    mera data ek api sai aa rha hai mai data,setdata ki place pai ky likhu

  • @IleniaQuintero
    @IleniaQuintero 9 місяців тому

    Hello, I was looking at your video channel. We may be helping a company that uses secure images to increase supply chain security and help cloud native development. Would you be willing to help try their software, make a video, and help show devs how to use their tools? This is not an offer, but just to start a conversation about your willingness to take on sponsorship. Please provide me with your email if you are interested. You'd have a chance to look at their technology and decide if it's the type of software that you'd be interested in covering in your channel.

  • @ruhitbaidya1681
    @ruhitbaidya1681 9 місяців тому

    wonderfull

  • @SwahiliSpicE
    @SwahiliSpicE 9 місяців тому

    Hi, thanks for this tutorial, very very helpful. How would I add form validation to ensure the email is not sent unless the required fields have been filled out?

  • @bernsTech
    @bernsTech 9 місяців тому

    excellent!!!!

  • @RiteshSingh-gb6ne
    @RiteshSingh-gb6ne 9 місяців тому

    Jai shri ram hai mahadev ji ki jsi jai bholenwth ji ki jsi jsj momma owrveyi jjnjsividhjnintsjnse kdki jdu kds drsgi jdj knsvfynhnjdubmdsesjgjjdubyjnhfuhrhbhdubhhikthjujruhfgrfyubugrujrthbhdubbydhhhdubysuburubyrubhduhujrhudubdgdrrhugdhhvcvgvcdbgbjyg

  • @abuaslam1004
    @abuaslam1004 9 місяців тому

    THANKS its working

  • @imkhitaryan8349
    @imkhitaryan8349 9 місяців тому

    I'm using the html2topdf JS library to generate PDF from HTML, but the content is dynamic and the PDF is truncated so that parts of the HTML element are cut off․ how to solve this problem?

  • @irenek8150
    @irenek8150 10 місяців тому

    Thank you so much!! It helped me a lot!

    • @CodewithVoran
      @CodewithVoran 10 місяців тому

      Glad it helped you ❤️❤️

  • @darksideyoutuber33
    @darksideyoutuber33 10 місяців тому

    Bro one for sending message in mobile number please you are the best and gave us source code

  • @MSKROMANIANMUSIC
    @MSKROMANIANMUSIC 10 місяців тому

    I dont know what i am doing wrong, it doesn't work for me :(

    • @CodewithVoran
      @CodewithVoran 10 місяців тому

      You can check the code in GitHub. It's in the description

  • @TheShekar2012
    @TheShekar2012 10 місяців тому

    Can you twll how to convert images also if we have image in our code

  • @givendarian2023
    @givendarian2023 11 місяців тому

    Thanks man very helpful.

  • @shashanksp8089
    @shashanksp8089 11 місяців тому

    Thanks sir, a very good explanation, Love from India ❤❤

  • @vladimiruchiha4420
    @vladimiruchiha4420 11 місяців тому

    is emailjs safe? can i use formsubmit instead?

    • @CodewithVoran
      @CodewithVoran 11 місяців тому

      Yes. But you need to prevent reloading.

    • @CodewithVoran
      @CodewithVoran 11 місяців тому

      Indeed, someone could copy your keys (a well-known issue of any public API), but they will only be able to send your templates with your content, and they will not be able to send a custom email with their content (spam), which is not interesting for spammers

    • @vladimiruchiha4420
      @vladimiruchiha4420 11 місяців тому

      @@CodewithVoran thanks a lot for explaining me🫂

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd Рік тому

    thank you

  • @rakshi4291
    @rakshi4291 Рік тому

    Osm thank you ❤

  • @ar13147
    @ar13147 Рік тому

    HI, does is it convert only 1 page document??

  • @Mohammad-qs3ld
    @Mohammad-qs3ld Рік тому

    Nice bro

  • @sajalk4996
    @sajalk4996 Рік тому

    Without using email.js how can we get email responses

  • @reefcam
    @reefcam Рік тому

    Very good teaching skills