- 80
- 932 896
The Coding Journey
India
เข้าร่วมเมื่อ 20 มี.ค. 2017
👨🏻💻Subscribe & Start your coding journey 🛣️
Hey everyone, I'm Dilshad, a full-stack developer with 3+ years of professional experience. Join our community "The Coding Journey," where we learn and grow together. 🚀
📚 Free tutorials covering web development.
💻 Get Free Source Code + Website Templates + Assets.
🛠️ Exclusive tips and tricks.
🚀 Get ready for a transformative journey, from beginner to advanced coder.
Business enquiries: contact.thecodingjourney@gmail.com
Hey everyone, I'm Dilshad, a full-stack developer with 3+ years of professional experience. Join our community "The Coding Journey," where we learn and grow together. 🚀
📚 Free tutorials covering web development.
💻 Get Free Source Code + Website Templates + Assets.
🛠️ Exclusive tips and tricks.
🚀 Get ready for a transformative journey, from beginner to advanced coder.
Business enquiries: contact.thecodingjourney@gmail.com
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
· 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
pls give us a project with React, react-router and Tailwind css with GSAP with multipages with own voice
Please can you hard Carousel to the hero section, the headphone, i really need it to fix my codes
bro where is the backend ccode ?
brother can i create a video chat without using zegocloud api
Great
bhai ek advocate portfolio ya fir lawyer k liye bana do
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
please join our community and let me know the issue, I'll check this thing.
Bhai ye typing ka effect mt daal video ki quality low kr deta hai
👍
@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
Amazing Video Bro! But the clicking sound is annoying.
Noted 👍
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
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>
Extension name is " codium "
Very good video brother
Thanks 😊
If you had explained in your voice instead of music it would have been easier btw it is great work, it is amazing!❤️👍
Easy to understand . thank you proh .
not zegockoud upi bro, its api 💀
@@AnukiranGhosh 😁 great observation..
❤❤🎉
@@KamranKhan-i9y thanks Kamran
Is the zegocloud free
@@Sayada After signup they provide 10,000 minutes for free.
great content ..pelase make the more such video...with mern stack project
@@RiteshMaurya-t7h Thanks, Definitely I'll provide 👍
sir react js course ki mazeed videos bhi bana dijye or regular banayen to bohat acha hoga hmary liye..
Sure, Bilawal. Thanks for letting me know.
Finally video with explanation❤
Hope you enjoyed it! Ketan 😊
16:03 Visit: website-builder.io/ ( Build your website in just minutes)
😍 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
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
It is very nice project
Thank you very much ❤️
Find it difficult learning without ur voice.. please consider the newbies
i am not find out the images can you please shrare again image folder
can you made me one website i will give idea which type of function required
What is the code for that yellow color?
Cool music
How use this website in my business
@@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.
@ thank sir love from Pakistan
Thank you!
🔗 Link to the website: website-builder.io 🎁 Get 20% discount USE Coupon code "JOURNEY20"
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!
😍 Thanks for your kind words.
instead of putting instrument song please use your voice and explain the things thats makes easy to learn anyway your content is good
💯
Thanks for the suggestion, ❤️
Shukriya react p video banany k liye bhai
Sukriya for the comments ❤️ I'll make rest of the videos soon.
@@TheCodingJourney we are waiting for more videos sir
I just completed my landing page thanks to your amazing tutorial! Truly appreciate your effort-keep up the great work!
Fantastic! Glad to hear that 🤗
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
React js
Good work 👏🏻👏🏻
awesome work bro
You are not putting ASSETS LINK
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.
Playlists Banaiye is topic per
@The Coding Journey, please upload daily 2-3 videos and make some advanced projects