The Coding Journey
The Coding Journey
  • 80
  • 932 896
Build Complete Video Calling Website using Reactjs + Tailwind CSS | ZEGOCLOUD
· Get 10000 free mins with UIKits: bit.ly/42jZJ1F
· Learn more about ZEGOCLOUD: bit.ly/40pxIU2
· How to build a video call App: bit.ly/40aSrKQ
ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes
Product: www.zegocloud.com/uikits
Help resource: www.zegocloud.com/docs/uikit/callkit-web/overview
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
👁️ Live Preview:
video-calling-tcj.netlify.app/
📂 Free Source code : github.com/dilshad-ahmed/video-calling-app
🎁 Join our community to start your journey.
WhatsApp :- chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C
Telegram :- t.me/the_coding_journey
🎬 Playlist ( Full website Build from scratch + Free Assets + Free Code )
th-cam.com/play/PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV.html
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Features:
👉🏻 Complete Responsive Landing page.
👉🏻 Fully Functional Video Calling Features using ZEGOCLOUD API
👉🏻 Modern UI using website-builder.io
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
⏱ Timestamps
00:00:00 Intro
00:04:06 ZEGOCLOUD uikits
00:06:40 Project Setup
00:10:22 Components and Routing Setup
00:15:47 Navbar Section
00:18:22 Hero Section
00:21:45 Partner Logo Section
00:24:40 FAQ and Footer Section
00:48:17 Footer Section
00:26:22 Integrating ZEGOCLOUD API
00:41:45 Final Preview
Build your website in just minutes: website-builder.io/
👍 Thanks for watching!
Make sure to like & Subscribe for more! 💜
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💼 Packages :
reactjs: react.dev
vitejs: vitejs.dev/guide/
tailwind: tailwindcss.com/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#zegocloud #videocall #webrtc #sdk #api #websitebuilderio #websitebuilder.io #reactjs #tailwindcss #medicalwebsite #medicinewebsite #framermotion #uidesign #gym #gymwebsite #yoga #yogawebsite #webdesign #website #modernwebdesign #animatedwebsite #html #htmlcss #htmlcssjavascriptproject #reactwebsite #reactjstutorial #responsivewebsite #websitedevelopment #webdesign #webdevelopment #frontend #frontenddevelopment #thecodingjourney #tcj #coding #codingtutorial
มุมมอง: 3 118

วีดีโอ

🔥Build a Professional Ecommerce Website in Minutes | website-builder.io
มุมมอง 1.2K14 วันที่ผ่านมา
Link to the website: website-builder.io/ 👀 Live Preview: website-builder.io/share/1160/ce30b293-923e-4eb4-96a6-d6461f66a937 🚀 Build a Fully Responsive E-commerce Website with Ease! In this video, learn how to use website-builder.io to create a stunning e-commerce website from scratch. Whether you're a beginner or a developer. 💬 Join our community ▫️WhatsApp :- chat.whatsapp.com/Hu643OfjQax7zgqQ...
🔥Responsive Coffee Shop Hero Page | ReactJS, Tailwind CSS & Framer Motion
มุมมอง 1.6K21 วันที่ผ่านมา
In this tutorial you will learn to make modern Animated Coffee Shop website. 👁️ Live Preview: coders-coffee.netlify.app/ 📂 Source code (support me 💖) : buymeacoffee.com/thecodingjourney/e/272784 👨🏻‍💻 Starter code (Files Assets) : github.com/dilshad-ahmed/coders_coffee 🎁 Join our community to get source code for free. 👇🏻 WhatsApp :- chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- t.me/the_c...
ReactJS 19 Tutorial in Hindi | #1 Introduction
มุมมอง 57928 วันที่ผ่านมา
👨‍💻 ReactJS 19 Tutorial in Hindi 🚀 | Learn how to install, set up, and start building amazing ReactJS 19 applications! Perfect for beginners and experienced developers. 🎯 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💬 Join our community WhatsApp :- chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- t.me/the_coding_journey 🎬 Playlist ( Full website Bu...
🔥Build a Stunning Startup Website with ReactJS and Tailwind CSS | Full Tutorial
มุมมอง 1.7Kหลายเดือนก่อน
🚀 Learn Tailwind CSS and ReactJS by building a modern, responsive startup website from scratch! This step-by-step tutorial is perfect for beginners and experienced developers alike. 🖥️✨ 🎁 Get the source code absolutely Free || Don't forget to LIKE & SUBSCRIBE😍 💬 Join our community WhatsApp :- chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- t.me/the_coding_journey Source Code :- github.com/...
🔥 Selling Dreams | Reality of Paid Courses for Developers
มุมมอง 578หลายเดือนก่อน
⚠️ Discover the truth behind paid courses and how they often sell dreams rather than real skills. Learn the right way to start your journey as a developer without wasting money on unnecessary programs! 👉 Like, share, and subscribe for more web development content. 💬 Join our community WhatsApp :- chat.whatsapp.com/Hu643OfjQax7zgqQdlok 2C Telegram :- t.me/the_coding_journey 🔔 Follow us on ▫️Inst...
🔥TypeScript Crash Course | Master TypeScript in just 2 Hours
มุมมอง 955หลายเดือนก่อน
Welcome to the ultimate TypeScript Crash Course! In just 2 hours, you'll learn everything you need to master TypeScript from scratch. Perfect for beginners and JavaScript developers, this tutorial covers TypeScript basics, types, interfaces,function, classes, generics, enums and more. By the end, you'll confidently use TypeScript in your projects. 🚀 Start your TypeScript journey now! 💬 Join our...
🔥Build 3 Complete Portfolio Websites with ReactJS, NextJS, Tailwind CSS and Framer-Motion
มุมมอง 2.2Kหลายเดือนก่อน
Learn how to build and deploy 3 stunning portfolio websites using ReactJS, NextJS, Tailwind CSS, and Framer Motion! 🚀 Perfect for developers looking to showcase their skills and land their dream job. - - - - - - - - - - - - - - - - - - - - - - - - - - - 👀 Live Website Preview modern-portfolio-tcj.netlify.app/ portfolio2-tcj.netlify.app/ tcj-portfolio.netlify.app/ 📂 Get Source Code buymeacoffee....
🔥Complete Responsive Restaurant Website using Reactjs + Tailwind | Build & Deploy
มุมมอง 10K3 หลายเดือนก่อน
Build and Deploy complete Food Restaurant website using ReactJS and Tailwind CSS. you will learn how to make modern responsive web app from building to deploying it on the internet. 👁️ Live Preview: foodeat-tcj.netlify.app - - - - - - - - - - - - - - - - - - - - - - - - - - 💬 Join our community WhatsApp :- chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- t.me/the_coding_journey 🎁 Source cod...
🔥Complete Responsive ReactJS + Tailwind CSS + Framer-Motion Website | Build and Deploy
มุมมอง 5K3 หลายเดือนก่อน
In this tutorial you will learn how to build Modern Animated Website using ReactJS and Tailwind CSS. From creating folder to writing code and debugging, you'll learn everything in easy way. We use latest technology and methods to create fully responsive website. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👁️ Live Preview: plusdemic-tcj.netlify.app/ 📂 ...
🔥Complete Digital Marketing Website Using ReactJS and Tailwind CSS | Free Source Code
มุมมอง 4.2K4 หลายเดือนก่อน
In this tutorial you will learn how to build Modern Animated Website using ReactJS and Tailwind CSS. From creating folder to writing code and debugging, you'll learn everything in easy way. We use latest technology and methods to create fully responsive website. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👁️ Live Preview: marketing-tcj.netlify.app/ 📂 ...
Responsive Hero Section using Tailwind CSS and ReactJS
มุมมอง 1.2K4 หลายเดือนก่อน
In this video you'll learn to build Responsive Animated Hero Section with React js Tailwind Framer-motion 💬 Join our coders community - WhatsApp chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C - Telegram t.me/the_coding_journey 🎬 Playlist ( Full website Build from scratch Free Assets Free Code ) th-cam.com/play/PLt2fZkYs6q_l2WebLGr6biyk551rLUtLV.html ⏱ Timestamps 00:00:00 Intro 00:01:00 Project Setup ...
🔥Complete Responsive Online E-learning Website using Reactjs + Tailwind + Framer-motion
มุมมอง 7K4 หลายเดือนก่อน
👁️ Live Preview: e-tutor-tcj.netlify.app/ 📂 Source code : buymeacoffee.com/thecodingjourney/e/303434 🎉Free Source code : github.com/dilshad-ahmed/e-tutor ( 👍🏻Like & Subscribe for more...) 🎁 Join our community to start your journey. WhatsApp :- chat.whatsapp.com/Hu643OfjQax7zgqQdlok2C Telegram :- t.me/the_coding_journey - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ...
Responsive Testimonial & Footer Section with React + Tailwind CSS | E-Tutor Testimonial Section
มุมมอง 1.1K4 หลายเดือนก่อน
Responsive Testimonial & Footer Section with React Tailwind CSS | E-Tutor Testimonial Section
Responsive Banner Section with Reactjs and Tailwind CSS | E-Tutor Banner Section
มุมมอง 5714 หลายเดือนก่อน
Responsive Banner Section with Reactjs and Tailwind CSS | E-Tutor Banner Section
Responsive Animated Cards using ReactJS & Tailwind CSS | Services Section E-Tutor
มุมมอง 1.2K4 หลายเดือนก่อน
Responsive Animated Cards using ReactJS & Tailwind CSS | Services Section E-Tutor
How to build Responsive Hero Section with React js + Tailwind + Framer-motion | E-Tutor Hero section
มุมมอง 1.5K4 หลายเดือนก่อน
How to build Responsive Hero Section with React js Tailwind Framer-motion | E-Tutor Hero section
Build a Responsive Navbar using ReactJS and Tailwind CSS | E-Tutor Navbar
มุมมอง 1.1K4 หลายเดือนก่อน
Build a Responsive Navbar using ReactJS and Tailwind CSS | E-Tutor Navbar
🔥Complete Responsive E-learning website with ReactJS + Tailwind + Framer Motion | Online E-tutor Web
มุมมอง 1.4K4 หลายเดือนก่อน
🔥Complete Responsive E-learning website with ReactJS Tailwind Framer Motion | Online E-tutor Web
🔥Complete Responsive Interior Design Website Using ReactJS, Tailwind & Framer-motion | TCJ
มุมมอง 7K4 หลายเดือนก่อน
🔥Complete Responsive Interior Design Website Using ReactJS, Tailwind & Framer-motion | TCJ
🔥Complete Responsive Website Using ReactJS + Tailwind + Framer-motion | Build & Deploy
มุมมอง 8K5 หลายเดือนก่อน
🔥Complete Responsive Website Using ReactJS Tailwind Framer-motion | Build & Deploy
Create a Stunning Outdoor Travel Website with ReactJS + Tailwind + Framer Motion | Beginner's Guide
มุมมอง 4.1K5 หลายเดือนก่อน
Create a Stunning Outdoor Travel Website with ReactJS Tailwind Framer Motion | Beginner's Guide
🔥Complete Responsive Gym Website with ReactJS + Tailwind CSS + Framer-motion | Yoga Website
มุมมอง 11K5 หลายเดือนก่อน
🔥Complete Responsive Gym Website with ReactJS Tailwind CSS Framer-motion | Yoga Website
How to build Responsive Hero Section with React js + Tailwind + Framer-motion
มุมมอง 3.6K5 หลายเดือนก่อน
How to build Responsive Hero Section with React js Tailwind Framer-motion
How to build a Responsive Navbar using ReactJS and Tailwind CSS for beginners
มุมมอง 15K5 หลายเดือนก่อน
How to build a Responsive Navbar using ReactJS and Tailwind CSS for beginners
🔥Build and Deploy 3 Creative Hero Sections with ReactJS and Tailwind | Free Source Code
มุมมอง 2.9K5 หลายเดือนก่อน
🔥Build and Deploy 3 Creative Hero Sections with ReactJS and Tailwind | Free Source Code
🔥Responsive Animated Airpods Website Heropage | Custom Animated Slider with Reactjs + Framer-motion
มุมมอง 2.7K5 หลายเดือนก่อน
🔥Responsive Animated Airpods Website Heropage | Custom Animated Slider with Reactjs Framer-motion
Top 10 VS Code Extensions to INCREASE Productivity 2024
มุมมอง 2.6K5 หลายเดือนก่อน
Top 10 VS Code Extensions to INCREASE Productivity 2024
🔥Complete Fruits Selling Ecommerce Website using Reactjs + Tailwind + Framer-motion | Build & Deploy
มุมมอง 24K5 หลายเดือนก่อน
🔥Complete Fruits Selling Ecommerce Website using Reactjs Tailwind Framer-motion | Build & Deploy
🔥Online Course Selling Website with Reactjs + Tailwind | Build and Deploy
มุมมอง 3.9K5 หลายเดือนก่อน
🔥Online Course Selling Website with Reactjs Tailwind | Build and Deploy

ความคิดเห็น

  • @rezwanulhaque9935
    @rezwanulhaque9935 19 ชั่วโมงที่ผ่านมา

    pls give us a project with React, react-router and Tailwind css with GSAP with multipages with own voice

  • @TochukwuNwabueze-x6z
    @TochukwuNwabueze-x6z วันที่ผ่านมา

    Please can you hard Carousel to the hero section, the headphone, i really need it to fix my codes

  • @Abishek-g4q
    @Abishek-g4q 3 วันที่ผ่านมา

    bro where is the backend ccode ?

  • @pythonexample2234
    @pythonexample2234 4 วันที่ผ่านมา

    brother can i create a video chat without using zegocloud api

  • @rezwanulhaque9935
    @rezwanulhaque9935 6 วันที่ผ่านมา

    Great

  • @gauravparasar4571
    @gauravparasar4571 6 วันที่ผ่านมา

    bhai ek advocate portfolio ya fir lawyer k liye bana do

  • @bwgaming6586
    @bwgaming6586 6 วันที่ผ่านมา

    theres an error when i used usestate in hero section for input it doesnt redirect me to the videoComp page idk why? and even your repository doesnt have any files ..? so is there any thing you deleted from the video

    • @TheCodingJourney
      @TheCodingJourney 6 วันที่ผ่านมา

      please join our community and let me know the issue, I'll check this thing.

  • @VivekTrend_Official
    @VivekTrend_Official 8 วันที่ผ่านมา

    Bhai ye typing ka effect mt daal video ki quality low kr deta hai

    • @TheCodingJourney
      @TheCodingJourney 8 วันที่ผ่านมา

      👍

    • @VivekTrend_Official
      @VivekTrend_Official 8 วันที่ผ่านมา

      @TheCodingJourney mujhe ek tailwind ka problem aaya hai kya aapko bhi new project karne ke baad tailwind init karne me problem aa rha hai because kal sb sahi chal rha tha aaj pta nhi q but vite ke saath tailwind init hi nhi ho rha

  • @1337x-fs
    @1337x-fs 9 วันที่ผ่านมา

    Amazing Video Bro! But the clicking sound is annoying.

  • @Gamerpaglahai
    @Gamerpaglahai 9 วันที่ผ่านมา

    Itna short me bnay bhai ki koi logic hi samajh me nhi aaya aapka website kaam nhi kr raha hai aapka live preview kaam nhi kr rha hai

  • @jeffrysantiagomontesdeoca4574
    @jeffrysantiagomontesdeoca4574 10 วันที่ผ่านมา

    Hello, thank you very much for your contribution. What extension do you use for autocomplete? For example, when I put the following, the map doesn't auto-populate here: <div> <ul> {Menu navigation bar} </ul> </div>

    • @TheCodingJourney
      @TheCodingJourney 8 วันที่ผ่านมา

      Extension name is " codium "

  • @raomuhammadsohail5273
    @raomuhammadsohail5273 10 วันที่ผ่านมา

    Very good video brother

  • @shubhamnikam6794
    @shubhamnikam6794 10 วันที่ผ่านมา

    If you had explained in your voice instead of music it would have been easier btw it is great work, it is amazing!❤️👍

  • @AbdelIsak
    @AbdelIsak 11 วันที่ผ่านมา

    Easy to understand . thank you proh .

  • @AnukiranGhosh
    @AnukiranGhosh 11 วันที่ผ่านมา

    not zegockoud upi bro, its api 💀

    • @TheCodingJourney
      @TheCodingJourney 11 วันที่ผ่านมา

      @@AnukiranGhosh 😁 great observation..

  • @KamranKhan-i9y
    @KamranKhan-i9y 11 วันที่ผ่านมา

    ❤❤🎉

    • @TheCodingJourney
      @TheCodingJourney 11 วันที่ผ่านมา

      @@KamranKhan-i9y thanks Kamran

  • @Sayada
    @Sayada 11 วันที่ผ่านมา

    Is the zegocloud free

    • @TheCodingJourney
      @TheCodingJourney 11 วันที่ผ่านมา

      @@Sayada After signup they provide 10,000 minutes for free.

  • @RiteshMaurya-t7h
    @RiteshMaurya-t7h 11 วันที่ผ่านมา

    great content ..pelase make the more such video...with mern stack project

    • @TheCodingJourney
      @TheCodingJourney 11 วันที่ผ่านมา

      @@RiteshMaurya-t7h Thanks, Definitely I'll provide 👍

  • @bilawalahmad8473
    @bilawalahmad8473 11 วันที่ผ่านมา

    sir react js course ki mazeed videos bhi bana dijye or regular banayen to bohat acha hoga hmary liye..

    • @TheCodingJourney
      @TheCodingJourney 11 วันที่ผ่านมา

      Sure, Bilawal. Thanks for letting me know.

  • @ketanthorat4337
    @ketanthorat4337 12 วันที่ผ่านมา

    Finally video with explanation❤

    • @TheCodingJourney
      @TheCodingJourney 12 วันที่ผ่านมา

      Hope you enjoyed it! Ketan 😊

  • @TheCodingJourney
    @TheCodingJourney 12 วันที่ผ่านมา

    16:03 Visit: website-builder.io/ ( Build your website in just minutes)

  • @TheCodingJourney
    @TheCodingJourney 12 วันที่ผ่านมา

    😍 Thanks for watching this video. Like and Subscribe for more amazing tutorials. 👍 · Get 10000 free mins with UIKits: bit.ly/42jZJ1F · Learn more about ZEGOCLOUD: bit.ly/40pxIU2 · How to build a video call App: bit.ly/40aSrKQ

  • @mka70701
    @mka70701 12 วันที่ผ่านมา

    I have only problem I am not able to fetch API😢 but I watch your lecture try to understand I hope it will be understand

  • @mka70701
    @mka70701 12 วันที่ผ่านมา

    It is very nice project

    • @TheCodingJourney
      @TheCodingJourney 12 วันที่ผ่านมา

      Thank you very much ❤️

  • @emmanuelme9035
    @emmanuelme9035 15 วันที่ผ่านมา

    Find it difficult learning without ur voice.. please consider the newbies

  • @anticprimeshow
    @anticprimeshow 15 วันที่ผ่านมา

    i am not find out the images can you please shrare again image folder

  • @abhishekkumarsah3437
    @abhishekkumarsah3437 16 วันที่ผ่านมา

    can you made me one website i will give idea which type of function required

  • @AdnanAslam-k3m
    @AdnanAslam-k3m 18 วันที่ผ่านมา

    What is the code for that yellow color?

  • @nuclearducks7387
    @nuclearducks7387 18 วันที่ผ่านมา

    Cool music

  • @AftabAkram01
    @AftabAkram01 19 วันที่ผ่านมา

    How use this website in my business

    • @TheCodingJourney
      @TheCodingJourney 19 วันที่ผ่านมา

      @@AftabAkram01 This is just a template but if you want to make this fully functional then you have to develop the backend business logic and then integrate it with this TEMPLATE.

    • @AftabAkram01
      @AftabAkram01 18 วันที่ผ่านมา

      @ thank sir love from Pakistan

  • @supriyamishra4701
    @supriyamishra4701 20 วันที่ผ่านมา

    Thank you!

  • @TheCodingJourney
    @TheCodingJourney 20 วันที่ผ่านมา

    🔗 Link to the website: website-builder.io 🎁 Get 20% discount USE Coupon code "JOURNEY20"

  • @yey63773
    @yey63773 21 วันที่ผ่านมา

    This is a unique type of video I've never encountered on TH-cam before. You're doing an incredible job, and we're gaining so much knowledge from it. Keep up the fantastic work!

    • @TheCodingJourney
      @TheCodingJourney 20 วันที่ผ่านมา

      😍 Thanks for your kind words.

  • @xyzlup
    @xyzlup 22 วันที่ผ่านมา

    instead of putting instrument song please use your voice and explain the things thats makes easy to learn anyway your content is good

  • @bilawalahmad8473
    @bilawalahmad8473 23 วันที่ผ่านมา

    Shukriya react p video banany k liye bhai

    • @TheCodingJourney
      @TheCodingJourney 20 วันที่ผ่านมา

      Sukriya for the comments ❤️ I'll make rest of the videos soon.

    • @bilawalahmad8473
      @bilawalahmad8473 19 วันที่ผ่านมา

      @@TheCodingJourney we are waiting for more videos sir

  • @jila-g7v
    @jila-g7v 23 วันที่ผ่านมา

    I just completed my landing page thanks to your amazing tutorial! Truly appreciate your effort-keep up the great work!

    • @TheCodingJourney
      @TheCodingJourney 20 วันที่ผ่านมา

      Fantastic! Glad to hear that 🤗

  • @pruthivirajrao2976
    @pruthivirajrao2976 24 วันที่ผ่านมา

    it's better to add your voice so that we should know how you think when you are doing projects so.. i suggest instead of any use your voice

  • @darpangoswami5483
    @darpangoswami5483 24 วันที่ผ่านมา

    React js

  • @Journey228
    @Journey228 24 วันที่ผ่านมา

    Good work 👏🏻👏🏻

  • @julianvelez6563
    @julianvelez6563 24 วันที่ผ่านมา

    awesome work bro

  • @inilenz
    @inilenz 24 วันที่ผ่านมา

    You are not putting ASSETS LINK

  • @somibatool2284
    @somibatool2284 25 วันที่ผ่านมา

    can we use this project for our use i need travel website and i like your website can i used it for my tour company.

  • @rstmofficial
    @rstmofficial 27 วันที่ผ่านมา

    Playlists Banaiye is topic per

  • @ketanthorat4337
    @ketanthorat4337 29 วันที่ผ่านมา

    @The Coding Journey, please upload daily 2-3 videos and make some advanced projects