HTML, CSS, Bootstrap ? JavaScript? ???? ??? ??? ??? ??

??? ?? ?????? ??? ???? ?? ??????? ?? ?? ??????. ?? ? ?? ???? ? ??? ?? ??? ???? ??? ??????. ??? ????? ????? ??? ?? ??? ???? ???? ?? ???? ???? ??? ???? ???? ??? ?? ? ?????.

? ????? ??? ??? ??? ????.

---

??

??? ??? ?? ?? ??? ???? ???? ??????.

1. ???? ??? ?? ??? ???? ??? ? ????.

2. ?? ??? ?? ???? ???? ????? ??? ?????.

3. ???? ??? ?? ??? ???? ???? ? ????.

---

??? ?? ? ??

HTML: ????? ?????.

CSS: ??? ? ???? ??? ???.

?????: ???? ???? ????? ???? ???? ????.

JavaScript: ????, ?? ? ?? ??? ??? ?? ????.

---

??

?? ??: ??? ??, ???, ????? ?????.

??? ??: ?? ???? ??? ???? ?? ??? ?? ??? ?????.

?? ??: ???? ????? ???? ???? ?? ?? ????? ?????.

??? ???: ?? ???? ??? ??? ?????.

---

?? ??

1. ?? ??

???? ?? ??? ?????.

JavaScript? ??? ???? ???? ?? ??? ???? ????? ?????.

???? ????? ?? ???? JSON ??? ???? ?????.

1. ??? ??

???? ???? ????? ?????.

JavaScript? ??? ?? ??? ?? ???? ??? ???? ????? ?????.

??? ?? ??? ??? ?? ???? ????? ??????? ?? ???? ?????.

1. ?? ??

???? ???? ?? ?? ????? ????? ???? ?????.

????? ??? ?? ???? ?????.

---

?? ??

HTML(??)

<div>



<p>CSS (Styling with Bootstrap)</p>

<p>I used Bootstrap for a responsive layout, ensuring the system works well on all devices. Minor custom CSS was added to fine-tune padding and margins.</p>

<p>JavaScript (Functionality)<br>
</p>

<pre class="brush:php;toolbar:false">// Sign-Up Function
function signup() {
  const name = document.getElementById("name").value;
  const email = document.getElementById("email").value;
  const password = document.getElementById("password").value;

  if (name && email && password) {
    const user = { name, email, password };
    localStorage.setItem(email, JSON.stringify(user));
    alert("Sign up successful! Please login.");
    document.getElementById("signup-form").classList.add("d-none");
    document.getElementById("login-form").classList.remove("d-none");
  } else {
    alert("Please fill out all fields.");
  }
}

// Login Function
function login() {
  const email = document.getElementById("login-email").value;
  const password = document.getElementById("login-password").value;
  const storedUser = JSON.parse(localStorage.getItem(email));

  if (storedUser) {
    if (storedUser.password === password) {
      alert(`Welcome back, ${storedUser.name}!`);
    } else {
      alert("Incorrect password.");
    }
  } else {
    alert("Email not registered. Please sign up first.");
  }
}

??? ??

1. ?? ???:
   ?? ????? ???? ??, ?? ? ?? ???? ??? ???? ?? ?? ???????.

2. ?? ??:
   JavaScript? ???? ??? ??? ???? ??? ???? ???? ??? ?????.

3. ??? ???:
   Bootstrap? ???? ????? ?? ?? ??? ??? ??? ???? ???? ??? UI? ??? ? ??? ?????.

---

?? ??

??? ??? ?????. ???? ??? ???? ????.

?? ??? ?? ???? ???? ?????.

??? ??? ???? ?? ?? ???? ?????.

???? ?? ?? ????? ??? ??????? ?????.

? ?? ???? ?? "???? ??" ??? ?????.

---

??

? ????? ??? ?? ???? ????? ?????? ??? ??? ??? ???????. ? ??? ???? ?????? HTML, CSS, Bootstrap ? JavaScript? ?? ??? ??? ????. ?????? ????? ?? ?? ??? ????? ?? ??? ??? ???.

???? ??? ??? ??? ??? ???!

? ??? ??? ??? ???? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!