emailjohnthomascaballero

/* SOURCE LINK: https://www.codeply.com/responsive-design-cheatsheet.html */



/* Bootstrap /*

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
  
/* Small devices (tablets, 768px and up) */

emailjohnthomascaballero

<!-- SOURCE: https://www.w3schools.com/php/php_form_validation.asp -->

<!-- 
LOGIC:
htmlspecialchars() - prevent Cross-Site Scripting (XSS) attacks.
trim() - Strip unnecessary characters (extra space, tab, newline).
stripslashes() - Remove backslashes (\).
-->

<!-- SCRIPT -->

emailjohnthomascaballero

{/* SOURCE LINK: https://stackoverflow.com/questions/51843119/next-js-react-go-back-to-the-previous-page */}

import { useRouter } from "next/navigation";

const Header = () => {
  const router = useRouter();
  return (
    <div>
      <button onClick={() => router.back()}>
        BACK

emailjohnthomascaballero

<Link
  onClick={}
  onContextMenu={(e) => e.preventDefault()}
  >
  <Image
    src={`image.png`}
    alt={}
    width={80}
    height={80}
    className=""

emailjohnthomascaballero

// Remove Duplicate in Array:
[...new Set(arr)];

// Removes the first element from an array
arr.shift();

// Removes the last element fron an array
arr.pop();

// Adds value to the array