Noor Mohammad
Noor Mohammad
  • 39
  • 13 685
MERN Stack Ecommerce Project | Part 1 | Initializing Client, Admin, and Server Projects (Bangla)
স্বাগতম আমাদের MERN Stack Ecommerce সিরিজের প্রথম ভিডিওতে! 🎉 এই বিস্তারিত টিউটোরিয়ালে, আমরা MERN (MongoDB, Express.js, React.js, Node.js) স্ট্যাক ব্যবহার করে একটি সম্পূর্ণ ই-কমার্স অ্যাপ্লিকেশন তৈরি করা শুরু করব। এই ভিডিওতে আমরা ক্লায়েন্ট সাইড অ্যাপ্লিকেশন, অ্যাডমিন প্যানেল এবং ব্যাকএন্ড API সার্ভার সেটআপ করবো, যা আমাদের ই-কমার্স প্ল্যাটফর্মের ভিত্তি গড়ে তুলবে।
এই ভিডিওতে আপনি কী শিখবেন:
প্রজেক্ট স্ট্রাকচার সেটআপ করা: কীভাবে প্রজেক্টটিকে আলাদা ক্লায়েন্ট, অ্যাডমিন, এবং সার্ভার ফোল্ডারে বিভক্ত করে একটি স্কেলেবল এবং মেইন্টেনেবল ই-কমার্স অ্যাপ্লিকেশন তৈরি করা যায় তা শিখুন।
ক্লায়েন্ট প্রজেক্ট ইনিশিয়ালাইজ করা: আমরা একটি React অ্যাপ তৈরি করব এবং React Router, Tailwind CSS সহ আধুনিক টুল এবং টেকনোলজি ব্যবহার করে প্রাথমিক কনফিগারেশন সেট করব।
অ্যাডমিন ড্যাশবোর্ড তৈরি: আপনার স্টোর পরিচালনার জন্য প্রয়োজনীয় ফিচারসহ একটি ডেডিকেটেড অ্যাডমিন প্যানেল তৈরি করার উপায় আবিষ্কার করুন।
ব্যাকএন্ড সার্ভার কনফিগার করা: আমরা একটি Node.js এবং Express.js সার্ভার সেট করব যা API রুটগুলো পরিচালনা করবে, MongoDB এর সাথে কানেক্ট করবে এবং অথেন্টিকেশন ও ডাটা হ্যান্ডলিংয়ের জন্য গুরুত্বপূর্ণ মিডলওয়্যার ইমপ্লিমেন্ট করবে।
প্লেলিস্ট ওভারভিউ:
এই ভিডিওটি আমাদের MERN Stack Ecommerce সিরিজের অংশ, যেখানে আমরা একটি ফুল-স্ট্যাক ই-কমার্স প্ল্যাটফর্ম তৈরির প্রতিটি ধাপ দেখাবো:
ক্লায়েন্ট সাইড: React.js ব্যবহার করে একটি রেসপন্সিভ এবং ডাইনামিক ফ্রন্ট-এন্ড তৈরি করা।
অ্যাডমিন প্রজেক্ট: আপনার স্টোর পরিচালনা করার জন্য শক্তিশালী একটি অ্যাডমিন প্যানেল ডেভেলপ করা।
API সার্ভার: Node.js এবং Express.js ব্যবহার করে একটি রোবাস্ট ব্যাকএন্ড তৈরি করা এবং MongoDB এর সাথে ইন্টিগ্রেশন করা।
এই সিরিজ শেষে, আপনি MERN স্ট্যাক ব্যবহার করে কীভাবে একটি ফুল-স্ট্যাক ই-কমার্স অ্যাপ্লিকেশন তৈরি এবং ডিপ্লয় করতে হয় তা পুরোপুরি বুঝে যাবেন। 🚀
🔔 সাবস্ক্রাইব করুন এবং নোটিফিকেশন বেল অন করে রাখুন যাতে সিরিজের পরবর্তী অংশ মিস না হয়!
Welcome to the first video of our MERN Stack Ecommerce series! 🎉 In this comprehensive tutorial, we’ll kick off the development of a full-fledged ecommerce application using the MERN (MongoDB, Express.js, React.js, Node.js) stack. This video focuses on initializing the client-side application, admin panel, and backend API server, setting up the foundation for our ecommerce platform.
What You Will Learn:
Setting Up the Project Structure: Learn how to organize your project into separate client, admin, and server folders to create a scalable and maintainable ecommerce application.
Initializing the Client Project: We’ll create a React app for the client side and set up the initial configuration using modern tools and technologies like React Router, Tailwind CSS, and more.
Building the Admin Dashboard: Discover how to create a dedicated admin panel for managing products, orders, and other essential features of your store.
Configuring the Backend Server: We’ll set up a Node.js and Express.js server to handle our API routes, connect to MongoDB for database management, and implement essential middleware for authentication and data handling.
Playlist Overview:
This video is part of a MERN Stack Ecommerce series, where we'll take you through each step of building a full-stack ecommerce platform:
Client Side: Build a responsive and dynamic front-end using React.js.
Admin Project: Develop a powerful admin panel to manage your store efficiently.
API Server: Create a robust backend using Node.js and Express.js, integrated with MongoDB.
By the end of this series, you’ll have a complete understanding of how to build and deploy a full-stack ecommerce application using the MERN stack. 🚀
🔔 Subscribe and hit the notification bell to stay updated on the next parts of this series!
#MERNStack #Ecommerce #ReactJS #NodeJS #MongoDB #ExpressJS #WebDevelopment
Переглядів: 25

Відео

Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 6 Stipe Payment Setup
Переглядів 10214 годин тому
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 6 Stipe Payment Setup 🛒 Looking to add an impressive eCommerce project to your portfolio? Look no further! In this tutorial, I’ll walk you through building a full-stack eCommerce website using the latest tech stack, including Next.js, Redux Toolkit, Tailwind CSS, and Stripe.js for seamless payments. From setup to deploymen...
How to build an Uber clone using React Native and Expo in Bangla | Full Tutorial
Переглядів 8 тис.День тому
এই ভিডিওতে আমরা শিখবো কিভাবে React Native এবং Expo ব্যবহার করে Uber Clone অ্যাপ তৈরি করা যায়, সম্পূর্ণ বাংলা ভাষায়! 🚗🚀 Redux Toolkit, Tailwind CSS, Google Maps-এর মতো আধুনিক টেকনোলজি দিয়ে অ্যাপটি ধাপে ধাপে তৈরি করা হবে। ভিডিওটি শেষ করার পর, আপনি Android এবং iOS-এর জন্য একটি সম্পূর্ণ ফাংশনাল এবং রেসপনসিভ অ্যাপ তৈরি করতে পারবেন, যেটি Uber-এর মতো দেখতে এবং কাজ করবে। 🔍 আপনি যা শিখবেন: Expo দিয়ে ...
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 5 Next Auth setup
Переглядів 99День тому
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 5 Next Auth setup 🛒 Looking to add an impressive eCommerce project to your portfolio? Look no further! In this tutorial, I’ll walk you through building a full-stack eCommerce website using the latest tech stack, including Next.js, Redux Toolkit, Tailwind CSS, and Stripe.js for seamless payments. From setup to deployment, y...
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 4 | Dynamic Search bar
Переглядів 15814 днів тому
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 4 | Dynamic Search bar 🛒 Looking to add an impressive eCommerce project to your portfolio? Look no further! In this tutorial, I’ll walk you through building a full-stack eCommerce website using the latest tech stack, including Next.js, Redux Toolkit, Tailwind CSS, and Stripe.js for seamless payments. From setup to deployme...
How to Deploy your Reactjs Website on Netlify Bangla Tutorial
Переглядів 2714 днів тому
Hello everyone in this video you will learn How to Deploy your Reactjs Website on Netlify in Bangla. I will walk you through all the steps from cloning a project to open a github repository and then we will deploy our project through github to netlify. After the end of the video you will be able to deploy any reactjs project in netlify easily. Resources Provided: 🔗 GitHub Repository: github.com...
Learn How to Create React Native Application using EXPO
Переглядів 4814 днів тому
Hello everyone, in this video you will learn how to create a react native mobile application using expo. We will create a dummy application by reading react native and expo documentation. If you are newbie to learn how to create mobile application using react native then this is the perfect video for you to start React Native website: reactnative.dev/ Expo website: expo.dev/ #reactnative #expo ...
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 3 | Creating Store
Переглядів 28214 днів тому
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 3 | Creating Store 🛒 Looking to add an impressive eCommerce project to your portfolio? Look no further! In this tutorial, I’ll walk you through building a full-stack eCommerce website using the latest tech stack, including Next.js, Redux Toolkit, Tailwind CSS, and Stripe.js for seamless payments. From setup to deployment, ...
Responsive Portfolio Website using Reactjs, Tailwindcss, Framer motion | FREE SOURCE CODE
Переглядів 9614 днів тому
🌟 Get Your Stunning Portfolio Website with React.js! 🌟 In this video, I’ll guide you through building a responsive portfolio website using the latest web technologies: React.js, Tailwind CSS, Framer Motion, and more! Whether you’re a beginner or an experienced developer, this tutorial will help you create a visually appealing and interactive portfolio that showcases your skills and projects bes...
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 2 | Nextjs Dynamic Routing
Переглядів 16214 днів тому
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit | Part 2 | Nextjs Dynamic Routing. 🛒 Looking to add an impressive eCommerce project to your portfolio? Look no further! In this tutorial, I’ll walk you through building a full-stack eCommerce website using the latest tech stack, including Next.js, Redux Toolkit, Tailwind CSS, and Stripe.js for seamless payments. From setup to dep...
Creating Full Stack Ecommerce Website using Nextjs, Redux Toolkit, Stripejs | Part 1
Переглядів 46821 день тому
Creating Full Stack Ecommerce Website using Next.js, Redux Toolkit, Stripe.js | Part 1, Bangla tutorial. 🛒 Looking to add an impressive eCommerce project to your portfolio? Look no further! In this tutorial, I’ll walk you through building a full-stack eCommerce website using the latest tech stack, including Next.js, Redux Toolkit, Tailwind CSS, and Stripe.js for seamless payments. From setup to...
Learn How to Deploy Reactjs Project in Vercel | Bangla tutorial
Переглядів 3921 день тому
Hello everyone in this video you will learn how to deploy a reactjs project in vercel. I will walk you through all the steps from cloning a project to open a github repository and then we will deploy our project through github to vercel. After the end of the video you will be able to deploy any reactjs project in vercel easily. Resources Provided: 🔗 GitHub Repository: github.com/noorjsdivs/port...
Creating Portfolio Website using Reactjs, Tailwindcss, Motion | free source code | Bangla Tutorial
Переглядів 8321 день тому
পোর্টফোলিও ওয়েবসাইট টিউটোরিয়ালে স্বাগতম, যা React.js, Tailwind CSS, Framer Motion, এবং React-Scroll দিয়ে তৈরি হয়েছে! এই ভিডিওতে, আপনি আধুনিক ওয়েব ডেভেলপমেন্ট টুল এবং প্রযুক্তি ব্যবহার করে কীভাবে Github থেকে একটি dynamic এবং responsive পোর্টফোলিও ওয়েবসাইট তৈরি করবেন, তা শিখতে পারবেন। Welcome to my professionally crafted Portfolio Website tutorial built with React.js, Tailwind CSS, Framer M...
How to Make Stripe Payment Integration in Reactjs using Nodejs Server
Переглядів 225Місяць тому
How to Make Stripe Payment Integration in Reactjs using Nodejs Server. In this video you will learn how to create a stripe payment indent in Reactjs using Nodejs server. First we will create a vitejs react application to make our front-end or client application then we will create our server to host the stripe secret key for using it to make the payment. We will follow step by step stripe docum...
Amazon Clone Website using Nextjs, Tailwindcss, Authjs, Stripe | Free Source Code | Bangla tutorial
Переглядів 150Місяць тому
Amazon Clone Website using Nextjs, Tailwindcss, Authjs, Stripejs | Free Source Code | Bangla tutorial Welcome to this comprehensive tutorial where I walk you through creating an Amazon Clone using Next.js, Tailwind CSS, Auth.js, and Stripe.js! 🚀 In this video, you'll learn how to clone an Amazon-like eCommerce application and set up a complete login and payment system for your project. What You...
Learn How to Make Credential Signin and Signup Using Authjs in Nextjs | Part 1
Переглядів 133Місяць тому
Learn How to Make Credential Signin and Signup Using Authjs in Nextjs | Part 1
Learn How to use Oauth Authentication using Authjs in Nextjs 14 | Bangla tutorial
Переглядів 114Місяць тому
Learn How to use Oauth Authentication using Authjs in Nextjs 14 | Bangla tutorial
Learn How to use Oauth Authentication using NextAuth in Nextjs 14
Переглядів 114Місяць тому
Learn How to use Oauth Authentication using NextAuth in Nextjs 14
How to use shadcn ui in Nextjs 14
Переглядів 74Місяць тому
How to use shadcn ui in Nextjs 14
Creating and Saving data in Local Storage using Redux Persist | todo app final part
Переглядів 100Місяць тому
Creating and Saving data in Local Storage using Redux Persist | todo app final part
Creating a responsive Todo application using nextjs, redux-toolkit, tailwindcss, framer motion
Переглядів 304Місяць тому
Creating a responsive Todo application using nextjs, redux-toolkit, tailwindcss, framer motion
Creating a Full Stack Ecommerce Project in React js | part 2
Переглядів 642 місяці тому
Creating a Full Stack Ecommerce Project in React js | part 2
Learn How to Create Nextjs Application with App Router
Переглядів 1282 місяці тому
Learn How to Create Nextjs Application with App Router
Creating a Full Stack Ecommerce Project in React js | part 1
Переглядів 1332 місяці тому
Creating a Full Stack Ecommerce Project in React js | part 1
How to use CSS3 nth child Selector in React
Переглядів 222 місяці тому
How to use CSS3 nth child Selector in React
Creating a Responsive Portfolio Website using React js | Final Part
Переглядів 1512 місяці тому
Creating a Responsive Portfolio Website using React js | Final Part
How to Create Next js Application | step by step guide
Переглядів 862 місяці тому
How to Create Next js Application | step by step guide
Creating a Responsive Portfolio Website using React js | Part 3
Переглядів 2192 місяці тому
Creating a Responsive Portfolio Website using React js | Part 3
How to Create Pages in React Project using React Router Dom
Переглядів 1163 місяці тому
How to Create Pages in React Project using React Router Dom
Creating a Responsive Portfolio Website using React js | Part 2
Переглядів 2593 місяці тому
Creating a Responsive Portfolio Website using React js | Part 2

КОМЕНТАРІ

  • @programmingmystrey
    @programmingmystrey 3 години тому

    Viya aponi serial a video den na. Aita problem. Aj ai video kal aber onno video amer onno din ar video. Serial maintain kore deban

    • @artofcodingbd
      @artofcodingbd Годину тому

      Got it. Akta video list ses kora pora bakigolo dibo.

  • @yeasinmiah3754
    @yeasinmiah3754 17 годин тому

    Onek opekkhar por video pelam sir thank you❤️

  • @tripler9081
    @tripler9081 3 дні тому

    Thank you so much brother for this valuable project tutorial. 🙏❤️

  • @GoruWalaBhaiya
    @GoruWalaBhaiya 5 днів тому

    R Bhai bkash payment gateway Tao diyen😭

  • @GoruWalaBhaiya
    @GoruWalaBhaiya 5 днів тому

    Filter by category ki add korsen?:(

  • @FunnyCenter-883
    @FunnyCenter-883 5 днів тому

    very helpfull

  • @yeasinmiah3754
    @yeasinmiah3754 9 днів тому

    স্যার App ডেভেলপমেন্ট করা এত Easy আপনার কোডিং না দেখলে বুঝতেই পারতাম না।এখন মনে হচ্ছে ওয়েব এর চেয়ে App করা সহজ।

  • @delwerhossain7979
    @delwerhossain7979 17 днів тому

    good

  • @i-r5g
    @i-r5g 18 днів тому

    look very nice, unfortunately I don't understand your language. can I have the source codes please.

    • @artofcodingbd
      @artofcodingbd 18 днів тому

      Hi, You can find my English channel here - ua-cam.com/channels/hkOsij0dhgft0GhHRauOAA.html. And this entire project source code is available here in this repository- github.com/noorjsdivs/shofy_yt, besides you can find the project configuration guideline in English - ua-cam.com/video/chm0KFglQ8g/v-deo.html - in this video. I think that might help you. Thank you for watching my videos.

  • @NahidHasan-cb6zm
    @NahidHasan-cb6zm 19 днів тому

    Nice coding

  • @monir63
    @monir63 22 дні тому

    Full playlist chai

  • @muhammedkawsarsaif
    @muhammedkawsarsaif 22 дні тому

    Sir thank you... thank youuuuuu bhaiya erokom video baniye jan plsssss

  • @neel.avatar
    @neel.avatar 23 дні тому

    You just deserve subscribe :) Carry on

  • @mdkawsarali8247
    @mdkawsarali8247 23 дні тому

    kire vai Khalid Farhan naki??

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

    Wait korsilam kohon video asbe❤Thank you sir

  • @MdGolamSarowar-k3g
    @MdGolamSarowar-k3g Місяць тому

    it's very helpful video.. sir next part please

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

    AUTH_GOOGLE_ID= AUTH_GOOGLE_SECRET= sir ei ta korte parchi na onek time youtube e los korlam ektu video diben

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

    thanks you sir clear

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

    you can add the portfolio website tutorial vai bangla..as in bangla the resource is less about the projects

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

    Please make with separate backend and frontend authentication with cookies❤

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

    Bring react course from basic to advance with real world project

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

    TypeScript er T o buji na sir kemne ki

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

    first part complete.2nd part cai sir

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

    tnx sir

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

    hindi ??

  • @MDSujonIslam-gs5su
    @MDSujonIslam-gs5su 3 місяці тому

    ❤ thank you sir

  • @MdGolamSarowar-k3g
    @MdGolamSarowar-k3g 3 місяці тому

    sir children and props kivabe kaj kore ai bisoy gulo niye aktu bistarito video jodi diten tahole vlo hoto ..

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

    Second part cai sir?

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

    First part complete kore felsi sir.second part cai

  • @MDSujonIslam-gs5su
    @MDSujonIslam-gs5su 3 місяці тому

    thanke you sir ❤❤ it’s very helpful for us,,

  • @ApurboTudu-x5u
    @ApurboTudu-x5u 3 місяці тому

    Thank you sir

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

    ei rokom aro onek project diyen sir jei vabe amra pura mern ta ses korte pari

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

    tnx sir

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

    Thank You Sir ❤

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

    Keep it up