Code With Krishna
Code With Krishna
  • Видео 204
  • Просмотров 142 707
Employee Management System | PERN Stack Project | #webdevelopment #react
#2 in this video we setup neon and drizzle
source code
github.com/Krishna-sm/emp_system_pern
Timestamp:
00:00 theory
01:22 create neon account
05:01 drizzle orm
07:47 create neon postgres instance
09:50 setup drizzle configuration
12:24 create a test table
14:25 test query generate
16:09 test table migrate
17:28 test data insert
19:20 push code on GitHub
24:31 outro
#postgresql
Other Popular Course:
ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe
ruclips.net/p/PLxVP80QwEJLB1UkcU1lHJ1Dp6tmsiVbua
ruclips.net/p/PLxVP80QwEJLBe8yFQrK9zc8ioS2ou-8B-
ruclips.net/p/PLxVP80QwEJLBM1E-PQo33mjFlAJz4dWVz
#reactjs #nextjs #javascript #webdevelopment #webdesign #frontend #backend #tailwindcss #mongodb #fullstack
check m...
Просмотров: 16

Видео

React Employee Management System | PERN Stack Project | #webdevelopment #react
Просмотров 552 часа назад
#1 in this video we setup backend or frontend . source code github.com/Krishna-sm Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP80QwEJLB1UkcU1lHJ1Dp6tmsiVbua ruclips.net/p/PLxVP80QwEJLBe8yFQrK9zc8ioS2ou-8B- ruclips.net/p/PLxVP80QwEJLBM1E-PQo33mjFlAJz4dWVz #reactjs #nextjs #javascript #webdevelopment #webdesign #frontend #backend #tailwindcss #mongodb ...
Drizzle Full Course for Beginners (Hindi)
Просмотров 749 часов назад
n this full course, I'll teach you how to work with Drizzle ORM from scratch, explained in Hindi. Perfect for beginners, this tutorial covers all the essentials of Drizzle ORM to help you build efficient applications with ease. source code github.com/Krishna-sm Timestamps: 00:00 theory 01:56 setup 03:26 express server 05:05 postgres String (Vercel DB) 09:35 drizzle setup 15:00 schema.js 18:20 e...
Magic UI Complete Tutorial With Next JS #react #webdevelopment #animation
Просмотров 41728 дней назад
In this video, I'll provide a complete tutorial on using Magic UI with Next.js. Learn how to build stunning user interfaces and enhance your web development skills with this comprehensive guide. source code github.com/Krishna-sm Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP80QwEJLB1UkcU1lHJ1Dp6tmsiVbua ruclips.net/p/PLxVP80QwEJLBe8yFQrK9zc8ioS2ou-8B-...
Create a full stack Authentication With Google login Mern Stack
Просмотров 223Месяц назад
In this video, I'll show you how to add Google login functionality to your MERN stack project. Follow this step-by-step guide to implement seamless Google authentication in your MongoDB, Express, React, and Node.js application. source code github.com/Krishna-sm/mern-stack-playlist.git Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP80QwEJLB1UkcU1lHJ1Dp6...
Create a Full Stack Email OTP Authentication System with Node mailer Using MERN Stack
Просмотров 247Месяц назад
In this video, I'll guide you through building a full-stack email OTP authentication system using the MERN stack. Learn how to implement secure and efficient email verification with MongoDB, Express, React, and Node.js in your web applications. source code github.com/Krishna-sm/mern-stack-playlist.git Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP80Qw...
Role based authentication MERN Stack #react
Просмотров 313Месяц назад
In this video, I'll show you how to create a full-stack role-based authentication system using the MERN stack. Follow this comprehensive guide to implement secure authentication with roles in your MongoDB, Express, React, and Node.js applications. source code github.com/Krishna-sm/mern-stack-playlist.git Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP8...
Create a Full Stack Task Management App with Authentication Using MERN Stack
Просмотров 827Месяц назад
In this series, I'll guide you through building a full-stack task management application with authentication using the MERN stack. Perfect for developers looking to create robust applications with MongoDB, Express, React, and Node.js. source code github.com/Krishna-sm/mern-stack-playlist.git Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP80QwEJLB1UkcU1...
React.js Drag and Drop File Uploading with React Drop Zone | Complete Tutorial
Просмотров 143Месяц назад
In this video, I'll guide you through implementing drag and drop file uploading in React.js using React DropZone. Learn how to seamlessly integrate file upload functionality into your React projects with this easy-to-follow tutorial. source code github.com/Krishna-sm Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP80QwEJLB1UkcU1lHJ1Dp6tmsiVbua ruclips.n...
React Employee Data Entry Management System | MERN Stack | MERN series
Просмотров 416Месяц назад
Welcome to Day 1 of our latest MERN Stack series! In this video, we'll start building an Employee Data Entry Management System from scratch. Perfect for web developers looking to enhance their skills with MongoDB, Express, React, and Node.js. source code github.com/Krishna-sm/mern-stack-playlist.git Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP80QwEJ...
React PDF Tutorial: Generate PDF Documents in React Easily
Просмотров 378Месяц назад
In this video, I'll show you how to create PDF documents in React. Follow this step-by-step tutorial to learn how to generate and export PDFs seamlessly using React. source code github.com/Krishna-sm Explore Other Popular Videos 📽️: ruclips.net/video/62oA0OyCODA/видео.html ruclips.net/video/xACAUL4DPvQ/видео.html ruclips.net/video/DqeaTznwgbw/видео.html Explore Other Popular Playlist 📚: ruclips...
How to Create Interactive Website Tours with React Driver JS | React Animation Tutorial
Просмотров 849Месяц назад
In this video, I'll guide you step-by-step through creating an engaging animation tour using Driver JS in React. We'll cover everything from setting up the environment to implementing interactive elements that enhance user experience. Perfect for web developers looking to add dynamic tours to their projects, this tutorial is packed with tips and practical examples to help you master React and D...
React Hook Form | React Form Validation | React #javascript #webdevelopment
Просмотров 105Месяц назад
In this video, I'll guide you through completing the react hook form library to validate form in easy to easy steps source code github.com/Krishna-sm Other Popular Course: ruclips.net/p/PLxVP80QwEJLCM-xXkSB9ZT9UewgoT6YAe ruclips.net/p/PLxVP80QwEJLB1UkcU1lHJ1Dp6tmsiVbua ruclips.net/p/PLxVP80QwEJLBe8yFQrK9zc8ioS2ou-8B- ruclips.net/p/PLxVP80QwEJLBM1E-PQo33mjFlAJz4dWVz #reactjs #nextjs #javascript ...
Upload Files Using Nest Js Complete Tutorial
Просмотров 143Месяц назад
In this video, I teach you all about file upload , with better explanation . if you like my video, please share it with your friends and leave your best feedback to motivate me. source code github.com/Krishna-sm Explore Other Popular Videos 📽️: ruclips.net/video/62oA0OyCODA/видео.html ruclips.net/video/xACAUL4DPvQ/видео.html ruclips.net/video/DqeaTznwgbw/видео.html Explore Other Popular Playlis...
Complete Next Js and Nest js Tutorial 🔥🔥 - Complete Authentication
Просмотров 6772 месяца назад
In this video,we create complete authentication project using nest js and next js with osm libraries. if you like my video, please share it with your friends and leave your best feedback to motivate me. source code: github.com/Krishna-sm/nest-and-next-js-authentication timestamp: 00:00 intro 00:19 creating nest and next js application 02:26 connect database 14:00 Data Validation(dto) 21:57 User...
React Js And Nest Js Full Stack App | React Note Book App
Просмотров 2892 месяца назад
React Js And Nest Js Full Stack App | React Note Book App
connect MongoDB in Nest js Backend
Просмотров 1132 месяца назад
connect MongoDB in Nest js Backend
Nest JS Complete Tutorial With Projects
Просмотров 9242 месяца назад
Nest JS Complete Tutorial With Projects
13. Deploy Your Mern Stack Project | React JS Inventory Management System | Mern stack Project
Просмотров 1,3 тыс.2 месяца назад
13. Deploy Your Mern Stack Project | React JS Inventory Management System | Mern stack Project
12. React-to-pdf & Chart js | React JS Inventory Management System | Mern stack Project
Просмотров 7292 месяца назад
12. React-to-pdf & Chart js | React JS Inventory Management System | Mern stack Project
11.Search Array And Pagination | React JS Inventory Management System | Mern stack Project
Просмотров 2453 месяца назад
11.Search Array And Pagination | React JS Inventory Management System | Mern stack Project
10. Order Dashboard, Formik and Filter | React JS Inventory Management System | Mern stack Project
Просмотров 3453 месяца назад
10. Order Dashboard, Formik and Filter | React JS Inventory Management System | Mern stack Project
9. Pagination & Search Query| React JS Inventory Management System | Mern stack Project
Просмотров 1,5 тыс.3 месяца назад
9. Pagination & Search Query| React JS Inventory Management System | Mern stack Project
8. How to use React Google CAPTCHA | React Inventory Management System | MERN Stack Project
Просмотров 2313 месяца назад
8. How to use React Google CAPTCHA | React Inventory Management System | MERN Stack Project
How to Install Mongodb in VS code , How to Create Atlas String - Step By Step Guide
Просмотров 1323 месяца назад
How to Install Mongodb in VS code , How to Create Atlas String - Step By Step Guide
7. React Redux Tags & Response Models | React JS Inventory Management System| #webdevelopment #react
Просмотров 4543 месяца назад
7. React Redux Tags & Response Models | React JS Inventory Management System| #webdevelopment #react
6. React Models , Toastify & DatePicker | React Inventory Management System| #webdevelopment #react
Просмотров 2253 месяца назад
6. React Models , Toastify & DatePicker | React Inventory Management System| #webdevelopment #react
5.RTK Query & Axios | React Inventory Management System| #webdevelopment #react
Просмотров 4374 месяца назад
5.RTK Query & Axios | React Inventory Management System| #webdevelopment #react
$.React Sidebar & Layouts| React Inventory Management System| #webdevelopment #react
Просмотров 5204 месяца назад
$.React Sidebar & Layouts| React Inventory Management System| #webdevelopment #react
3.React Router Dom & Redux Toolkit | React Inventory Management System| #webdevelopment #react
Просмотров 4974 месяца назад
3.React Router Dom & Redux Toolkit | React Inventory Management System| #webdevelopment #react

Комментарии

  • @saurabhtamta7295
    @saurabhtamta7295 День назад

    Hi, how frequently will you be posting the upcoming videos of this project. I will be following this PERN project playlist.

  • @myselfSrijit
    @myselfSrijit День назад

    Thanks for the video. can you make another video using typescript ?

  • @user-vl4nq6ed7u
    @user-vl4nq6ed7u День назад

    Prisma par one shot laooo bha 😅😊😊😊

  • @030_tajamulhassan2
    @030_tajamulhassan2 3 дня назад

    00:03 Learning to generate invoices with the help of items 00:42 Creating an API to bring data in the backend 02:03 Implementing business logic for order processing 03:07 Setting up user fields and orders in the inventory system 04:30 Understanding mutation in React JS 05:19 Understanding model dialogues and data IDs in React JS 06:56 Checking component availability and handling errors 07:49 Troubleshooting errors and preparing for printing 09:22 Importing the package and checking functionality 10:12 Adding and displaying basic invoice details 11:47 Calculating and printing the total price based on the data input 12:36 Validating customer data entries 14:47 Managing item lengths and IDs in inventory system 15:54 Performing calculations and copying data for inventory management. 18:03 Understanding and manipulating current elements in React JS 18:54 Managing return statements in React components 20:20 Adding items to the inventory and requesting supplier information 21:11 Implementing data refresh in the React JS Inventory Management System 22:38 Modifying and returning from reduce function 23:23 Implementing React-to-pdf & Chart js in Inventory Management System 24:49 React-to-pdf package installation and usage 25:27 Changing the name of a file and using react-to-pdf package 26:57 Generating and displaying PDF using React 27:41 Explaining how to refresh and close temporary URL 29:21 Understanding inventory management system in MERN stack project 30:30 Usage of authentication in the inventory management system 32:32 Managing customer data and orders in the dashboard 34:03 Order checking and data display 37:22 Handling item prices and access control in the inventory system 38:25 Merging multiple areas into one for inventory management 40:08 Control the react-to-pdf & Chart js in an easy way 41:06 Setting up dashboard data and queries 43:42 Handling user input and data control in dashboard. 44:59 Understanding the concept and usage of user location and path name. 47:12 React-to-pdf feature implementation and usage in the project 48:34 Inventory management system cell issues and user interface 49:59 Introduction to React-to-pdf & Chart js

  • @SmashCoder12
    @SmashCoder12 5 дней назад

    Lisen crup app bnana ho tu phr ksy upload krain gy aur img show ho jae?for example mai image upload krne lgy then map function k through ksy show ho ge?

  • @ChandanKumar-zt9qd
    @ChandanKumar-zt9qd 8 дней назад

    good bro me yhi dhundh rha tha apne project ke lie Bhai ko ek like toh bnta hai

  • @minatouzumaki6
    @minatouzumaki6 9 дней назад

    as your content good reach nah language spoil am

  • @dnyaneshwartekale1126
    @dnyaneshwartekale1126 10 дней назад

    Radhey Radhey bhai thanks bhai❤

  • @JeevanTV-do2hc
    @JeevanTV-do2hc 13 дней назад

    How to add graphs in this PDF without using svg component form react pdf render I tried chatjs to image some npm package i found in stack overflow it needs server side rendering it didn't work Do you have any idea?

    • @CodeWithKrishnaa
      @CodeWithKrishnaa 13 дней назад

      Try recharts 👍

    • @JeevanTV-do2hc
      @JeevanTV-do2hc 12 дней назад

      @@CodeWithKrishnaa html-to-image fixed it i was using mui graphs

  • @conqueror1903
    @conqueror1903 13 дней назад

    20:48 He literally said "kuch na kuch ho gaya ho ga" 😂😂😂😂. How can u say this while explaining something??

  • @sashi_zone73
    @sashi_zone73 14 дней назад

    Barcode kese add kare react pdf me plz batao

    • @CodeWithKrishnaa
      @CodeWithKrishnaa 13 дней назад

      Try react.qrcode library

    • @sashi_zone73
      @sashi_zone73 13 дней назад

      @@CodeWithKrishnaa Qr to alag hota he mujhe barcode chahiye pdf me

  • @mr.fabian8471
    @mr.fabian8471 16 дней назад

    Thanks

  • @codewithnewthinking284
    @codewithnewthinking284 17 дней назад

    super brother so amazing backend

  • @mdsafikulislam9113
    @mdsafikulislam9113 18 дней назад

    Please upload more videos....

  • @Satyam.Mishra.333
    @Satyam.Mishra.333 19 дней назад

    how to fetch data from database, ye nahi bataya!!

  • @premprakash6673
    @premprakash6673 22 дня назад

    React-pdf library kaha bataya, tumne react-pdf/renderer bataya

  • @kaustav999
    @kaustav999 23 дня назад

    Too much ads in your videos

  • @user-sd9hf7jo9c
    @user-sd9hf7jo9c 25 дней назад

    I wish he could talk in English :((

  • @VloggySaurav
    @VloggySaurav 28 дней назад

    Array bhai Thora dhire bola Karo, edit karte waqt 1.25 ma Kiya tha?

  • @hindutva5646
    @hindutva5646 Месяц назад

    make a video on phone number otp

  • @hindutva5646
    @hindutva5646 Месяц назад

    Thanks Sir !!! very much helpful But try more to explain the details after writing becoz i know from instagram that youre expert at explaining the cocepts THANKS SIR !!!!

  • @muhammadtouhiduzzaman7491
    @muhammadtouhiduzzaman7491 Месяц назад

    Useful but need webhook to update payment status after successful payment

  • @navyasake2003
    @navyasake2003 Месяц назад

    There is an error occuring when using yarn dev ...

  • @ravijatav5419
    @ravijatav5419 Месяц назад

    bhai aap mujhe ek baat btao yeah passport js use karwte ho lekin yrr production mai toh jwt use hota hain toh yeah q yeah bs learning ke liye jab use hi nhi hona toh ??

  • @drawing_kalakar
    @drawing_kalakar Месяц назад

    Sir Netflix k bare kuch batayenge kaese start kare

  • @aryandewangan2374
    @aryandewangan2374 Месяц назад

    Sir, can you make a full project video on Distributed Storage file system using MERN stack

  • @bewildfreak6727
    @bewildfreak6727 Месяц назад

    sir i have done a similar approach, but once I am navigated to the payment failure page which I have created using useNavigate, the page has button and I cant click it because when I see the network tab, the status API from razor pay is still running

  • @user-gt9gn8es1q
    @user-gt9gn8es1q Месяц назад

    google or dosry social media k sath kesy authentication krty hain kindly os per video le kr ao

  • @Mems-world-v3m
    @Mems-world-v3m Месяц назад

    ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @Mems-world-v3m
    @Mems-world-v3m Месяц назад

    Nice video ❤❤❤❤

  • @hendoitechnologies
    @hendoitechnologies Месяц назад

    Please talk in english

  • @hendoitechnologies
    @hendoitechnologies Месяц назад

    post Regular MERN stack full project video of Multi vendor e-commerce website like flipkart or amazon full project

  • @hendoitechnologies
    @hendoitechnologies Месяц назад

    post Welcome email after registering as new user to registered email id and forgot password and reset password using MERN stack website nodemailer package sir..waiting for this video

  • @hendoitechnologies
    @hendoitechnologies Месяц назад

    post video about How to do forgot password for MERN stack website and React native CLI App

  • @user-uk3dl9uu1b
    @user-uk3dl9uu1b Месяц назад

    FLASK KI FULL PLAYIST HAA APP KA CHANEL PER YA NEHI HAA

  • @user-uk3dl9uu1b
    @user-uk3dl9uu1b Месяц назад

    NICE VIDEO

  • @joshigaming1971
    @joshigaming1971 Месяц назад

    Very Helpful ❤

  • @SufiyanKhan-te7mq
    @SufiyanKhan-te7mq Месяц назад

    Thank❤ it's help in my project

  • @tanushridas8264
    @tanushridas8264 Месяц назад

    how can you get mongodb url?

  • @VishalMishra-ls5vc
    @VishalMishra-ls5vc Месяц назад

    great effort man more support to you

  • @mdsafikulislam9113
    @mdsafikulislam9113 Месяц назад

    Hello brother, Please add role based authentication and authorization!

  • @Abhiprocoder
    @Abhiprocoder Месяц назад

    Also add holiday features

  • @jhonsnow534
    @jhonsnow534 Месяц назад

    good content subscribed

  • @jhonsnow534
    @jhonsnow534 Месяц назад

  • @MuhammedBilal-vo2in
    @MuhammedBilal-vo2in Месяц назад

    bro rust ki vidios bi dalo 1,2 plzz...