Essa aplicação foi construida com base na biblioteca ReactJS e na API de authenticação do Google, a Google OAuth. Na página de SignIn é possível se conectar com sua conta do Google e logo em seguida você será direcionado para esse dashboard com as informações do usuário, que são retornadas em um objeto JSON após a requisição na API do Google.
O ReactJS foi escolhido para construção desta aplicação para lidar com os Estados da aplicação(Hooks useState) no momento do Login e pela agilidade em construir componentes reutilizáveis por toda aplicação. Em conjunto com a pacote do framework Material UI, é possível utilizar componentes visuais completos em poucas linhas de código, ou até mesmo sobrescrever novos componentes baseados nas múltiplas opções disponíveis no framework, como Button, Layouts responsivos com Container/Grid e Navbars.
🖥️ Demo: Click here
To install and run the application:
- Clone repository and install dependencies:
git clone https://github.com/leo-pro/reactjs-google-authenticator
cd reactjs-google-authenticator
yarn or npm install
- Running the project into your browser at http://localhost:3000
yarn start or npm run start
Made With ❤️ & ReactJS by Leonardo Alves