Easy to understand code of PortFolio ReactJs

logic show the target="_blank": The target="_blank" ensures that the link opens in a new tab when clicked. The rel="noopener noreferrer" is a security feature that prevents the new page from accessing your page’s data.

Now, users will see a clean "View Source" button without displaying the URL directly on the page.

    <button className="bg-blue-500 hover:bg-blue-700 text-white font-bold     px-4 py-2 rounded">  Video </button> 
    <a href={SourceCode} target="_blank" rel="noopener noreferrer">

    <button className="bg-green-500 hover:bg-green-700 text-whifont-bold px-4 py-2 rounded">

    View Source
    </button>