DEV Community

Logify for Logify

Posted on • Edited on

How to implement Login with Logify in React

Easiest and free way to add login service to any project.

Step 1: Get a domain key from logify
Follow this article to get your Domain Key if you do not already have it.

Step 2: Setup React Project
Create new folder with name react-logify-basic

Open react-logify-basic in visual studio code

Run git clone https://github.com/logify-id/react-logify-basic.git . in terminal to clone the repository. Github Repo

Install all dependencies with npm i

Image description
Create .env file

Paste REACT_APP_LOGIFY_DOMAINKEY = YOUR_DOMAIN_KEY

Image description
Step 3: Run the Project
Start your project with npm start

Image description

If I click on the login button, I can see login screen

Image description
After login, I can see my details.

Image description

Top comments (3)

Collapse
 
zeeshanali0704 profile image
ZeeshanAli-0704

Nice... a must try post!

Collapse
 
borgmater profile image
Krešimir Jurković

Anyone tried this out?

Collapse
 
logifyid profile image
Logify

Hi, if you have any questions related to this implementation, you can post it here:
logify.id/technical-support/questions
You will get your answer within 24 hrs.