https://github.com/emrd/react-google-authenticator-frontend
https://github.com/emrd/react-google-authenticator-frontend
authenticator framework frontend google google-authentication react
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/emrd/react-google-authenticator-frontend
- Owner: EmrD
- Created: 2024-08-10T19:00:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-10T22:08:52.000Z (over 1 year ago)
- Last Synced: 2025-01-02T20:44:30.909Z (over 1 year ago)
- Topics: authenticator, framework, frontend, google, google-authentication, react
- Language: JavaScript
- Homepage: https://react-google-authenticator-frontend.vercel.app
- Size: 746 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Google Authenticator App
This is a simple React application that provides user registration and login functionality with integration to Google Authenticator. The app interacts with a backend API for registration and login, displaying QR codes for the Google Authenticator setup, and validating user login with a username and authenticator code.
## Features
- **User Registration:** Users can register by entering a username. If the username is already registered, the app notifies the user. Otherwise, a QR code is generated for the Google Authenticator setup.
- **User Login:** Registered users can log in by entering their username and the authenticator code generated by Google Authenticator.
- **Toast Notifications:** The app uses `react-hot-toast` to display success and error messages to the user during the registration and login processes.
## Tech Stack
- **Frontend:** React
- **Styling:** Tailwind CSS
- **Notifications:** react-hot-toast
- **Backend:** https://react-authentication-backend.vercel.app OR https://github.com/EmrD/react-google-authenticator.git
## Setup and Installation
1. **Clone the repository:**
```bash
git clone
cd
2.**Install:**
```sh
npm install
npm run dev
```
3.**Usage:**
- **Enter your username**
- **Scan your auth QR**
- **Switch the tab and enter the auth code**