Search⌘ K

Storing Passwords to Firestore

Explore how to create a password manager application using React Native and Firestore. Learn to manage state, fetch and display password data, and implement add and delete functions. This lesson provides practical experience in building secure app features with Firebase integration.

Creating password manager using Firestore

Let’s take a look at how a password manager can be created using Firestore.

{
  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
}
Password Manager

Note: Once the server starts, click the URL next to “Your app can be found at:” to view the output.

The App.js file is used to redirect to the Home component.

The Home.js file

  • Lines 16–19: We have a couple of states:

    • isLoading: This is used to check if the data is loading.
    • creds: This is used to store the data from the database.
    • password
...