This is the 18th part of React MERN couch surfing project. In this video we added a responsive dataGrid table to manage the rooms in the system. And We added also the action to view the details of the room and the action to delete the room from our database in MongoDB and to delete the images related to this room from our firebase storage using helper (utils) function.
Reactjs
Material UI (MUI5)
@mui/x-data-grid
Firebase Storage
Nodejs
Expressjs
Mongoose
MongoDB
The whole videos playlist of the project:
https://www.youtube.com/watch?v=ANZNMaBODDY&list=PLufbXXGswL_pS6rdWbDO56oiZovLWE_rs
Source Code on github:
https://github.com/codelikepro22/place-to-stay/tree/part_18
00:00 Introduction
05:46 Building rooms responsive dataGrid Table
12:39 Building rooms actions View, Delete, Edit
14:19 Adding View functionality
17:59 Adding Delete functionality
Download
0 formats
No download links available.
React MUI responsive Dashboard DataGrid Table, Delete, View, Edit advanced component for admin panel | NatokHD