12. React-to-pdf & Chart js | React JS Inventory Management System | Mern stack Project
#11 in this video , we learn
how to generate pdf in react
how to use chart js and show data dynamically
how to add barcode
Subscribe for cookies :)
TimeStamp:
00:00 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
50:00 outro
source code
https://github.com/Krishna-sm
Other Popular Course:
• Complete Angular Series
• Job Portal | MEVN & Quasar
• MEVN stack
• Learn Vue Js From Scratch
#reactjs #nextjs #javascript #webdevelopment #webdesign #frontend #backend #tailwindcss #mongodb #fullstack
check my Website (https://https://codewithkrishna.vercel.app)
i am creating with next js 14 with node js, express js
---------------------------------
Code Says ,
Why U Confuse , Krishna Is Here :)
