sys_arch_v2.1
Back to Projects
Project Case Study

Facebook Login Clone

React.jsExpress.jsCybersecurity

Project Overview

Demonstrate phishing attack concepts by recreating a Facebook-style login page for cybersecurity awareness and education.

README.md

Facebook-Login-Clone

this project is for educational purpose ONLY!

Includes

  1. React frontend for showing facebook-login page
  2. On entering credentials, show them in backend terminal

How to use?

  1. clone the repository

  2. download dependencies

    1. frontend part
    cd <working-directory>
    npm i
    
    1. backend part
    cd <working-directory>/backend
    npm i
    
  3. run the application

    1. backend
    cd <working-directory>/backend
    npm start
    
    1. frontend
    cd <working-directory>
    npm start
    

description

  1. facebook login page clone gets showed
  2. user ('target') enters their credentials
  3. these credentials are shown in backend terminal
Human

Let’s build something thoughtful.

I'm always open to discussing technical challenges, AI innovations, or meaningful collaborations.