- 30
- 16 294
TechCraft Studio
Sri Lanka
Приєднався 3 сер 2023
Welcome to TechCraft Studio - your one-stop hub for mastering web development, mobile app development, and cloud computing. Whether you’re a beginner or a pro looking to enhance your skills, our tutorials, coding challenges, and project walkthroughs are designed to help you grow as a developer.
We cover a wide range of topics, from the latest in front-end and back-end technologies, to building dynamic mobile applications and leveraging the power of the cloud for scalable solutions.
Subscribe now for regular content to help you stay ahead in the ever-evolving tech world!
We cover a wide range of topics, from the latest in front-end and back-end technologies, to building dynamic mobile applications and leveraging the power of the cloud for scalable solutions.
Subscribe now for regular content to help you stay ahead in the ever-evolving tech world!
Create a PROFESSIONAL React Footer in Sinhala!
Learn how to create a professional React footer from scratch in Sinhala! In this tutorial, we will cover everything you need to know to build a responsive and customizable footer component using React. From setting up the project structure to styling and deploying, we'll go through it all. Whether you're a beginner or an experienced developer, this tutorial is perfect for anyone looking to improve their React skills and build a stunning footer for their web application. So, let's get started and build a professional React footer together!
GitHub : github.com/madushanmac/Mern_stack_for_beginners.git
GitHub : github.com/madushanmac/Mern_stack_for_beginners.git
Переглядів: 136
Відео
UPGRADE Node JS on Windows 10 - pc එකේ Node.js Upgrade කරන්නේ මෙහෙමයි (7 min)
Переглядів 24День тому
1. පරණ Version එක බලන්න Command Prompt CMD එක විවෘත කරන්න. මෙම Command එක ඇතුළත් කරන්න: node -v පවතින Node.js Version එක කුමක්ද කියලා දකින්න. 2. Node.js Download කරන්න ඔයාට අවශ්‍ය Latest Version එක download කරන්න. Node.js Official Website යන්න. LTS Long-Term Support එක තෝරන්න. Windows Installer .msi file එක Download කරන්න. 3. පරණ Node.js Uninstall කරන්න Control Panel Programs and Features යන්න....
AWS Auto Scaling සිංහලෙන්
Переглядів 77Місяць тому
වැඩි කාර්යක්ෂමතාවයක් සහ පරිභෝජනය අඩු කිරීම සඳහා AWS Auto Scaling එක කොහොමද භාවිතා කරන්න කියලා බලන්න. මේ වීඩියෝවෙන්, AWS Auto Scaling එක පිළිබඳ සරල හා පහසු විස්තරයක් ලබා දෙනවා, AWS Auto Scaling, ඔබේ ඇප්ලිකේෂන් එකේ කාර්යබහුලතා අනුව, EC2 instances සහ වෙනත් සම්පත් ස්වයංක්‍රීයව එකතු කිරීම හෝ අඩු කිරීමේ ක්‍රමවේදය. මේකෙන් ඔබට සේවාදායකයින්ට හා පිරිවිතරයට හොඳම ප්‍රතිඵල ලබා දීමට හැකියාව ලැබේ. මෙම වීඩියෝව...
Discover AWS Load Balancing Made Easy in Sinhala!
Переглядів 1412 місяці тому
Learn how to simplify AWS load balancing in Sinhala! In this video, we'll take you through a step-by-step guide on how to set up and manage load balancing on Amazon Web Services. Whether you're a beginner or an experienced developer, this tutorial is designed to help you understand the concept of load balancing and how to implement it on AWS. From creating a load balancer to configuring SSL cer...
AWS වල Host කරමු ..-Learn AWS EC2 Website Hosting in Sinhala from Scratch!
Переглядів 1232 місяці тому
Learn how to host a website on AWS EC2 from scratch in Sinhala! In this tutorial, we'll cover the basics of AWS EC2, setting up an instance, configuring security groups, and deploying a website. Whether you're a beginner or an experienced developer, this video will guide you through the process of hosting a website on AWS EC2. Learn about the benefits of using AWS EC2, such as scalability, reli...
Create Your OWN Virtual Machine on AWS in Sinhala!
Переглядів 1262 місяці тому
Learn how to create your own virtual machine on AWS in Sinhala! This tutorial is perfect for beginners who want to get started with cloud computing and virtualization. In this video, we will guide you through the step-by-step process of setting up a virtual machine on Amazon Web Services (AWS) from scratch. You'll learn how to launch an instance, configure the network, and install an operating ...
Build a BASIC MERN Stack Login and Register System from Scratch! - දන්න සිංහලෙන් ඉගනගනිමු
Переглядів 652 місяці тому
Learn how to build a basic MERN stack login and register system from scratch in this tutorial! We'll cover everything from setting up the project structure to implementing user authentication using MongoDB, Express, React, and Node.js. By the end of this video, you'll have a fully functional login and register system that you can use as a starting point for your own projects. Whether you're a b...
Build a SECURE MERN Stack Login and Register System from Scratch!
Переглядів 872 місяці тому
Learn how to build a secure MERN stack login and register system from scratch in this tutorial. We'll cover the entire process of building a robust and secure login and registration system using MongoDB, Express, React, and Node.js. From setting up the project structure to implementing password hashing and salting, we'll dive into the best practices for securing user data. By the end of this vi...
Generating PDF in Sinhala using React - A Step-by-Step Tutorial!
Переглядів 1644 місяці тому
Welcome to our comprehensive tutorial on Generating PDF in Sinhala using React ! In this step-by-step video, we will guide you through the entire process of creating PDF documents in the Sinhala language using React. Whether you're a beginner or an experienced developer, this tutorial is designed to help you understand the key concepts and tools needed for PDF generation in React. We will cover...
Search Feature in MERN Stack Tutorial 2024 [Sinhala]
Переглядів 1385 місяців тому
🔍 Welcome to our MERN Stack Tutorial 2024 in Sinhala! In this video, we dive deep into creating a powerful search feature using React within the MERN stack. Whether you're a beginner or looking to enhance your skills, this tutorial is designed for you! 🚀 What You Will Learn: - How to implement a search function in your React application. - Integration of MongoDB for efficient data retrieval. - ...
How I Built a Server with Express App from Scratch in 2024
Переглядів 255 місяців тому
In this video, I'll take you through the step-by-step process of building a server using the Express framework from scratch in 2024! Whether you're a beginner or looking to enhance your web development skills, this tutorial will guide you through the essentials of setting up a functional server with Express. We'll cover everything from installation to creating routes, handling requests, and imp...
MERN Stack DELETE Operation in 2024 (CRUD Tutorial)
Переглядів 1195 місяців тому
Learn how to perform the DELETE operation in a MERN (MongoDB, Express, React, Node.js) stack application in 2024. This comprehensive CRUD tutorial will guide you through the process of deleting data from your database using Mongoose, Express.js, React, and Node.js. Stay updated with the latest practices and techniques for handling delete operations in your MERN projects. Watch now to enhance yo...
Upgrading Our Frontend for 200 Employees in React (2024)
Переглядів 2216 місяців тому
In this tutorial you'll learn how to do the Update and view in detail using React . #mernstack #reactjs Github Url: github.com/madushanmac/Mern-stack-Tutorial.git Contact : 0740172552
MERN STACK PART 10| REACT FRONTEND Delete Employees
Переглядів 1746 місяців тому
In this tutorial you'll learn how to do the delete operation on the frontend. #mernstack #reactjs #webdevelopment #javascript #programmingtutorial #reactfrontend #merncrud (Create, Read, Update, Delete) #deleteemployee #removeemployee
MERN STACK PART 09 | REACT FRONTEND Routing / page navigation
Переглядів 2709 місяців тому
In this tutorial video, you'll learn how to do navigation . දැනට මම කරලා තියෙන CODE ටික . මෙතනින් ගන්න පුළුවන් drive.google.com/drive/folders/1ST8hjtclAfTTK2LV1uJz8sCyn6G91RA7?usp=sharing
MERN STACK PART 08 | REACT FRONTEND POST Data Using Form
Переглядів 3319 місяців тому
MERN STACK PART 08 | REACT FRONTEND POST Data Using Form
MERN STACK PART 07 | REACT FRONTEND Retrieve Data
Переглядів 4589 місяців тому
MERN STACK PART 07 | REACT FRONTEND Retrieve Data
MERN STACK PART 06| REACT FRONTEND Employee List and Card
Переглядів 5689 місяців тому
MERN STACK PART 06| REACT FRONTEND Employee List and Card
MERN Stack Part 05 | CRUD React Frontend
Переглядів 8059 місяців тому
MERN Stack Part 05 | CRUD React Frontend
MERN STACK PART 04 | CRUD COMPLETE/ INSERT,DELETE,UPDATE,GET
Переглядів 58110 місяців тому
MERN STACK PART 04 | CRUD COMPLETE/ INSERT,DELETE,UPDATE,GET
MERN STACK PART 03 | ROUTES / INSERT DATA TO DB data insert කරන විදිහ .
Переглядів 92010 місяців тому
MERN STACK PART 03 | ROUTES / INSERT DATA TO DB data insert කරන විදිහ .
MERN STACK PART 02 | DB MODEL CREATION
Переглядів 69710 місяців тому
MERN STACK PART 02 | DB MODEL CREATION
MERN වලට PC එක හදාගමු PART 01 - Configure your pc for MERN and Start the Express Server | Sinhala,
Переглядів 1,9 тис.10 місяців тому
MERN වලට PC එක හදාගමු PART 01 - Configure your pc for MERN and Start the Express Server | Sinhala,
Deploy Your Website in just 7 Minutes! Step-by-Step Tutorial
Переглядів 68Рік тому
Deploy Your Website in just 7 Minutes! Step-by-Step Tutorial
Azure VM (LAB 2) | Azure VM Tutorial: Deploying Your First Virtual Machine in Minutes
Переглядів 377Рік тому
Azure VM (LAB 2) | Azure VM Tutorial: Deploying Your First Virtual Machine in Minutes
EC2 Instance AWS (LAB 02 ) | විනාඩි 12න් AWS EC2 හදන හැටි
Переглядів 614Рік тому
EC2 Instance AWS (LAB 02 ) | විනාඩි 12න් AWS EC2 හදන හැටි
Introduction to Cloud Computing Sinhala | PART 02
Переглядів 1,1 тис.Рік тому
Introduction to Cloud Computing Sinhala | PART 02
Introduction to Cloud Computing Sinhala | PART 01
Переглядів 2 тис.Рік тому
Introduction to Cloud Computing Sinhala | PART 01
Cloud Computing (Azure) Account Creation Sinhala
Переглядів 1,2 тис.Рік тому
Cloud Computing (Azure) Account Creation Sinhala
How to Create an AWS Account in Sinhala
Переглядів 2,8 тис.Рік тому
How to Create an AWS Account in Sinhala
වැඩේ සුපිරි දිගටම කරගෙන යන්න
❤ aniwaa bro
good
❤
Superb
❤
❤❤❤❤
❤
Phone number ekata otp en nhne ai e
ki parak try kalada ?? mn hadaddith 3n parak try krl awe na. mn passe 12.30 a.m try kala. awa,
poddk time wens krl ayema try krnna. phone number ekth wens krl baluwada ?
harigiye nattn call ekak danna. 0740172552
🔥🔥
❤
I'm that student. 😇 I understood well. & Thank you so much for your explanation. I'm an undergraduate & I watched so many videos for learning MERN stack. But I couldn't get all the things clearly and step by step guide as a beginner to MERN stack. But finally I could find your MERN stack playlist and I watched that videos one by one. Now I can code backend by my self without the help of any AI tool. I learned those things only using your videos and W3Schools website. Thank you so much💛 & Good luck with your youtube journey ! Keep it up❤🔥
Thank you so much for your kind words! It honestly means a lot to know that my videos helped you understand the MERN stack step by step. I'm so proud of you for getting to the point where you can code backends on your own that’s such an amazing achievement! Keep it up, and don’t hesitate to reach out if you have any questions or need help with anything. I’m always happy to support however I can. Wishing you all the best on your future
Also, I just realized I forgot to update the GitHub repository with the latest code earlier. My apologies for that! Here’s the updated link with the latest code: github.com/madushanmac/Mern_stack_for_beginners.git.
@@TechCraftStudioSRILANKA Thank you so much💛
❤❤❤❤
❤️
❤❤
❤️
❤❤
supiri 😍
Why doesn't the Bootstrap website include the footer component code?
Hi Shakya, Thank you for your question The code for the footer component is included in the video. You can find it in the section where I implement footer.jsx. If you missed that part, feel free to rewind to 19.00 where I explain it step-by-step. Let me know if you have any other questions or need further clarification
@@TechCraftStudioSRILANKAThanks for your response. 😇 But I meant you added a card instead of a footer, right? I also looked for a footer code on that website. But I couldn't find it.
@@shakyak.gurusinghe5821 Thanks for pointing that out! 😊 You’re right-I used a card component in the video instead of a traditional footer to keep things simple and focus on the main concept. As for the footer, Bootstrap doesn’t have a dedicated "footer" component on their site. However, you can easily create one using their grid system and utility classes. If you want, I can create a quick example and share it with you-just let me know!
@@TechCraftStudioSRILANKA Really appreciate your response. if possible, please explain it as well.
@@shakyak.gurusinghe5821 yes, sure
number ekak ona ayye
0740172552
❤️
😊❤️🩹
thank you
❤
good job
thanks brother
nice
Good job
Thank you
Superb
Thank you
Good❤
Thank you
Adeh
😁😁
Wow, it's helpful
Wow, it's helpful ❤
Thanks Brother
😍😊
👏👏
supiri 😍😍😍
supiri erors ave ne ekakvath
elakirii
supiri erors ave ne ekakvath
Supiri ❤
meka digatama krn ynwd sir
ow digata karanawa
Update ekath ikmnt ona 😊
heta danawaa
@@TechCraftStudioSRILANKA ok
@@TechCraftStudioSRILANKA 🥲
Update , delete 😑
Delete uploaded. ikmnta danwa update eka
@@TechCraftStudioSRILANKA thank you
mma account 3k haduwa 3ma suspend una.ai ehema wenne
payment issue wen pluwn , account information , free tier iwer wen pluwn,mnw hari security issue ekak nisa wen pluwn. account eka gana focus eke inn one ,
next video date
❤
thankyou aiye
👍
PS C:\Users\asus\Desktop\IT\backend> npm start > backend@1.0.0 start > node index.js node:internal/modules/cjs/loader:1147 throw err; ^ Error: Cannot find module '../models/notifications' Require stack: - C:\Users\asus\Desktop\IT\backend outes otifications.js - C:\Users\asus\Desktop\IT\backend\index.js at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15) at Module._load (node:internal/modules/cjs/loader:985:27) at Module.require (node:internal/modules/cjs/loader:1235:19) at require (node:internal/modules/helpers:176:18) at Object.<anonymous> (C:\Users\asus\Desktop\IT\backend outes otifications.js:5:23) at Module._compile (node:internal/modules/cjs/loader:1376:14) at Module._extensions..js (node:internal/modules/cjs/loader:1435:10) at Module.load (node:internal/modules/cjs/loader:1207:32) at Module._load (node:internal/modules/cjs/loader:1023:12) at Module.require (node:internal/modules/cjs/loader:1235:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\\Users\\asus\\Desktop\\IT\\backend\ outes\ otifications.js', 'C:\\Users\\asus\\Desktop\\IT\\backend\\index.js' ] } Node.js v20.11.1 me error eka hdgnne khomd
model eka import karala na oya. code eka upload krl google drive dala link ewnna . eka wenna oni awla
❤❤❤
❤
❤❤❤
😍😍
❤❤🔥
❤❤❤
🔥🔥🔥
Aiye hodatama theruna me series eka .. uni eke project eka thanikara karanne meka balagen.. frontend eka pluwn ikmanata danawanam loku deyak aiye ❤
danwa malli aniwa
front end eka karanne nadda aiye me series eka hodata theruna
krnawa malli.
front end eka karanne nadda aiye me series eka hodata theruna thankyou
krnawa heta danawa video eka
thankyou aiye@@TechCraftStudioSRILANKA
👊