filmov
tv
React store images urls into MongoDB after uploading them into Firebase with Nodejs and Expressjs
Показать описание
This is the 10th part of React Renting Rooms MERN Project. In this video we built the room model for MongoDB and creating room controller in the server side. And in client side we managed the showing and not showing the submit button depending on completing the whole steps. And we created an action to send the request to save the information of the room into the database. We built also a protected component to show adding room page only for authenticated users.
Reactjs
MongoDB
Nodejs
Expressjs
Firebase storage
Mongoose
Material UI5 (MUI5)
Global Context Provider
Higher-order components
The whole videos playlist of the project:
Source Code on github:
To Avoid Misspelling I recommend this VSCode extension:
Code Spell Checker
00:00 introduction
01:39 Creating MongoDB Model for the room
05:22 Creating controller to save the new room information
08:47 Handling the show state of the submit button
13:06 Sending the room creation request to the server
20:34 Reseting the global context state of the created new room to the default values
26:00 Preventing unauthenticated or anonymous users from accessing adding room page (Protected Component with access message to login).
31:37 Introduction to the upcoming video
Reactjs
MongoDB
Nodejs
Expressjs
Firebase storage
Mongoose
Material UI5 (MUI5)
Global Context Provider
Higher-order components
The whole videos playlist of the project:
Source Code on github:
To Avoid Misspelling I recommend this VSCode extension:
Code Spell Checker
00:00 introduction
01:39 Creating MongoDB Model for the room
05:22 Creating controller to save the new room information
08:47 Handling the show state of the submit button
13:06 Sending the room creation request to the server
20:34 Reseting the global context state of the created new room to the default values
26:00 Preventing unauthenticated or anonymous users from accessing adding room page (Protected Component with access message to login).
31:37 Introduction to the upcoming video
0:32:33
React store images urls into MongoDB after uploading them into Firebase with Nodejs and Expressjs
0:18:57
Upload image in React JS | Firebase Storage generate URL | Store URL in Mongo DB Node JS
0:00:47
Upload & Preview Image | React JS #shorts #short #trending #reactjs #javascript #reels
0:05:30
Ways to Import Images In React Js Project
0:10:33
Upload Images in Cloudinary From React App Step by Step Tutorial
0:00:31
Copy any website to Figma #uiux #design
0:00:34
Image URL in Excel
0:00:10
How to generate a QR Code for URL
0:15:11
How to upload image in React js Mongo db and node. Display image from Mongo. Convert image to Base64
0:18:46
Upload Images in Node.js + Save in MongoDB + Display in React App | Easy Explanation
1:14:38
React Photo Gallery App Tutorial from Scratch | Use React, Node to upload, view and search images
0:00:20
Mastering Inspect Element: Tips and Tricks for Web Development and Debugging
0:01:00
How to Import Image in React JS #reactjs #image
0:00:30
How To Show An Image Preview For A File Input In React (CreateObjectURL) #reactjs #frontend
0:01:00
How to Refresh Uploaded Images on Your Frontend if They Have the Same URL
0:07:17
React 18 Tutorial - Local Images (public folder)
0:00:47
How I upload images in React! #react
0:00:29
Folders & files in VS Code made super fast like this!
0:05:40
Image and File Uploading in React JS with Axios and FormData
0:00:19
How to upload 100k images to the server using Node.js | ImgBB
0:00:24
Turn ideas into fully animated 3D sites in seconds #webdesign #productivity #3danimation #aitools
0:14:06
Let's Code: How To Import Images Dynamically In React(With Vite)?
0:03:32
How to Pass Image URLs via Props in React Components
0:02:35
React Native Image Not Working with specific URL
Комментарии