• First install the react background in your pc
• npx create-react-app todoapp
• Go to created file path
cd todoapp
• Start react app
npm start
• Install react boostrap for more designing
npm install react-bootstrap bootstrap@4.6.0
• After adding this add manually boostrap.min.css file
• That boostrap file import it into index.js file (If it is not adding react-boostrap not working properly).
• After setup screen design and all of that install the firebase react hooks inside project.
npm i firebase react-firebase-hooks
• For intarct with our functions we have to add firebase tools also
npm i -D firebase-tools
• After installing these two dependencies you have to initialize firebase in your project using this command
npx firebase init
• If is not working your firebase init then you have to login in firebase using this command after you can enter your before command to go it further more.
npx firebase login
• After that you have to select under the selection what is your database type choosen by you.It is choosen by tapping your “space bar”.
• After press enter and shown “please select an Option?”. In here you must select your existing project to set firebase.
• After clicking enter you have to select which firebase database name you have to do implementing your application.
• Then Asking Firebase rules => click enter and also Firestore indexes => Click enter
• Finally Setup your react app with selected Firebase cloud directory.