This is a sample React application (bootstrapped with create-react-app) with Firebase authentication. There are three authentication methods implemented: email and password
, google
and facebook
.
- Login with Email and Password
- Login with Facebook
- Login with Google
- Update profile
- Logout
-
git clone https://github.com/CaioQuirinoMedeiros/Firebase-Authentication.git
-
cd Firebase-Authentication
-
yarn install
-
yarn start
Styled with React Bootstrap
![](https://private-user-images.githubusercontent.com/48543208/242285825-857b0dcd-fff0-4656-94ae-a0bbbec04959.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyMzM4NTEsIm5iZiI6MTcyMjIzMzU1MSwicGF0aCI6Ii80ODU0MzIwOC8yNDIyODU4MjUtODU3YjBkY2QtZmZmMC00NjU2LTk0YWUtYTBiYmJlYzA0OTU5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA2MTIzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFiYmQ1MjM5ZTFkYTllN2ZkNzA1Y2UyOTlmYjVmMTlhZDg2MWJlNTdjMjk5MGQyYTVmMDRlOTQ3Yzc5NWVmN2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.uMxlNrlZ_fHxQzXtoi4gk1OH2-X1NptNTZv51n2rbFM)
![](https://private-user-images.githubusercontent.com/48543208/242285840-722ba77b-f540-4c13-99f4-5e1f19fb9de6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyMzM4NTEsIm5iZiI6MTcyMjIzMzU1MSwicGF0aCI6Ii80ODU0MzIwOC8yNDIyODU4NDAtNzIyYmE3N2ItZjU0MC00YzEzLTk5ZjQtNWUxZjE5ZmI5ZGU2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA2MTIzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQwZmFiZmViMWNjMDViZGUxYThhODg2M2E4NWE2YWZhNzdkMjM4NjM4NzFjYTIxY2EzNTgxOWIwYjJlZGNjOGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.2Ua4vufYlgd8FJmwTlc_z0LIVqzJXSNVUauxBqpYbAw)
![](https://private-user-images.githubusercontent.com/48543208/242286838-ea06b015-d43c-44ee-8f6f-bcf79bff5635.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyMzM4NTEsIm5iZiI6MTcyMjIzMzU1MSwicGF0aCI6Ii80ODU0MzIwOC8yNDIyODY4MzgtZWEwNmIwMTUtZDQzYy00NGVlLThmNmYtYmNmNzliZmY1NjM1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA2MTIzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcyY2E4MDQzYmQxMTgyZTdkYmFmMWRmYTA5YTYxODllNDdlMjc2ZWVjNDY2MjQzMDY4Y2NmYmI3NzdjYjcxY2UmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.y80STypy4v3uqw-XclZuB-OQ2FXXalAz1j1QJ4gwCJM)
![](https://private-user-images.githubusercontent.com/48543208/242286854-37623ac9-9ca6-42c8-9238-16d1967eee56.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIyMzM4NTEsIm5iZiI6MTcyMjIzMzU1MSwicGF0aCI6Ii80ODU0MzIwOC8yNDIyODY4NTQtMzc2MjNhYzktOWNhNi00MmM4LTkyMzgtMTZkMTk2N2VlZTU2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI5VDA2MTIzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFiYjc1Y2JhYTdhZDIzN2Y3OWJlMDc0OWQzOTkwODMyYTE0ZmI1NjFkNzc5Zjc1NDc0ZjNlOWIxMmMwNmE0MDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bU4JeulOfGOtKON7eGLQyBLPUVSYhxQ8P5MzgjwIu-c)