Set Up Firebase Project: Go to the Firebase Console and create a new project. Set up Firebase Authentication in your project. Install Firebase SDK: In your React.js project, install the Firebase SDK using npm Command for installing firebase is “npm install firebase“ 3. Configure Firebase in Your React App: Create a Firebase configuration file, e.g.,… Continue reading How to create a user in the firebase using authentication function using react.js
Author: Sangamesh
How to save data to a firebase database (firestore) using firebase function using ReactJS
In Cloud Firestore, data is stored in collections. To add data to Firestore, import the Collection and addDoc functions. We also import the db initialized in the firebase.js file. When the button is clicked, the Cloud Firestore creates a collection (we have named it todos) and adds data as a document to the todos collection. For importing addDoc and Collection we first have to initialize the app… Continue reading How to save data to a firebase database (firestore) using firebase function using ReactJS
What is hooks and type of hooks used in the react.Js
React Hooks are simple JavaScript functions that we can use to isolate the reusable part from a functional component. Hooks can be stateful and can manage side-effects. React provides a bunch of standard in-built hooks: useState: To manage states. Returns a stateful value and an updater function to update it. useEffect: To manage side-effects like… Continue reading What is hooks and type of hooks used in the react.Js
How to create a slider that compares two images using Css and JavaScript
Image Comparison Slider Create an Image Comparison Slider Step 1) Add HTML: Example Step 2) Add CSS: The container must have a “relative” positioning. Example Step 3) Add JavaScript: Example Step 4) Execute Script: Example
How to create “read more – read less” button using JavaScript
Read More Read Less Button Step 1) Add HTML: Example Step 2) Add CSS: Example Step 3) Add JavaScript: Example Thank you
Using CSS and JavaScript, construct a list and grid view and change the view when a button is clicked
How to create a list grid view List Grid View Step 1) Add HTML: Example Step 2) Add CSS: Example Step 3) Add JavaScript: Example
How to create a “User Rating” scorecard using CSS
How To Create a User Rating Scorecard Step 1) Add HTML: Example Step 2) Add CSS: Example
Using Javascript, how to deactivate another button when the other button is currently selected and prevent overriding
When we clicked on the button and at a same time, If we want to disable the other or particular button disable,By using JQuery method we can disable the buttonfor example$(‘.remove-button’).prop(‘disabled’, true);In this ‘.remove button’ is class name of the button The Example is given as below Thank you.
How to create a search menu to filter links using CSS and JavaScript
Search/Filter Menu Creating a search for links in a navigation menu: Create A Search Menu Step 1) Add HTML: Note: We use href=”#” in this demo since we do not have a page to link it to. In real life this should be a real URL to a specific page. Step 2) Add CSS: Style the… Continue reading How to create a search menu to filter links using CSS and JavaScript
Proposal on Stock level online and by location
Proposal For Stock Level online & By Location This proposal covers the scope of showing the “Coolants” category for logged-in customers and for each “Coolants” code/item, we need to show a table that contains location, Available, and In Progress in the table. Requirement The requirement is to display the stock level information for the items… Continue reading Proposal on Stock level online and by location