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 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.