Sujal Sonisujalsoni.hashnode.dev·Apr 18, 2024Full Stack Web Application using Next JSWelcome to the 2nd blog of an awesome series that covers Building a Full Stack Web Application using Next JS.We would essentially use Next.js, Firebase & MongoDB to design the data and to store and retrieve the Data and Images. Before you read furt...DiscussFull Stack Development
Sunkanmi Fafoworasunkanmi.hashnode.dev·Apr 5, 2024How to Retrieve Images from Firebase Storage in ReactI’ve been trying my hands on a couple of new things lately. I recently worked on a website where my team and I had to use Firebase to store and fetch images. I have to tell you it wasn’t so easy because Firebase didn’t fully specify how to consume th...Discuss·10 likes·35 readsReact
Lunaram Suthargrahanam.hashnode.dev·Nov 30, 2023Seamless Image Handling: Uploading to Firebase Storage and Storing Image URLs in MongoDB Using Node.jsWelcome Coders! 💻️ In this guide, we'll utilize Firebase Storage to securely store images for our application while storing image URLs within our database model. Let's get started! 👍️ Prerequisites Basic knowledge of Node.js Installed Node.js and...DiscussNode.js
Henna Singhcodelady.hashnode.dev·Nov 26, 2023React: Notes AppIn this article, we will make changes to the pre-built React Notes App. Improvements to Make: Sync Notes with Local Storage Add note summary titles Move the modified note to the top of the list Delete notes Saving Notes to Firebase Database Ap...Discuss·33 readsFrontend Developer BootcampReact
Devanshu Dixitdevanshudixit.hashnode.dev·Nov 21, 2023How to show PDFs from Firebase Storage in React using react-pdfIn my recent project, I had to show a pdf from the firebase storage in the modal in react application. On my intital search react-pdf was the best result I got but as soon as I tried to implement I was stuck - the problem was firebase storage provide...Discuss·28 readsFirebase
Manthan Ankolekarmanthanank.hashnode.dev·Jun 23, 2023Commonly used features and commands of Firebase in AngularHere's a Firebase cheatsheet with commonly used features and commands in an Angular application: Firebase Initialization in Angular Install Firebase packages: npm install firebase @angular/fire Import Firebase and initialize it in your Angular ap...Discuss·1 like·45 readsFirebase
Sujal Sonisujalsoni.hashnode.dev·Jun 23, 2023Text with Image using FirebaseIn this article, we'll explore the power of Firebase and React for creating a captivating personal profile. Learn how to effortlessly Upload and Display Images along with engaging Text Descriptions. Elevate your profile with a seamless integration th...Discuss·34 readsfirebase Storage
Manthan Ankolekarmanthanank.hashnode.dev·Jun 21, 2023Commonly used features and commands of FirebaseFirebase Initialization import firebase from 'firebase/app'; import 'firebase/auth'; import 'firebase/firestore'; import 'firebase/storage'; const firebaseConfig = { apiKey: 'YOUR_API_KEY', authDomain: 'YOUR_AUTH_DOMAIN', projectId: 'YOUR_PROJ...Discuss·1 likeFirebase
Sujal Sonisujalsoni.hashnode.dev·Jun 20, 2023Image Update and Delete using Firebase & ReactIn today's visually-driven digital landscape, images play a pivotal role in enhancing user engagement and conveying information effectively. Whether it's a social media platform, an e-commerce website, or a portfolio showcase, incorporating images is...Discuss·61 readsfirebase Storage
Sujal Sonisujalsoni.hashnode.dev·Jun 19, 2023Uploading Images to FirebaseIn this article, I am specifically going to address the issue of Uploading the Images to the Firebase Storage and then Displaying them to the Front-End using React. Before you jump into reading the passage further, it's highly recommended to first ta...Discussfirebase Storage