🎓 EduGuard

EduGuard is a responsive and accessible student registration and login interface built entirely with HTML and CSS. It serves as a foundational front-end project for educational platforms, emphasizing clean design and user-friendly forms.

---

🔗 Live Server Link

Click here to view the live site: https://magenta-moonbeam-81d757.netlify.app/

📋 Features

✅ Student Registration Form – Collects user details: first name, last name, email, phone number, password, and course selection.
✅ Login Form – Allows existing users to log in using their email and password.
✅ Responsive Design – Works seamlessly on desktops, tablets, and mobile devices.
✅ Accessible Markup – Uses semantic HTML elements to improve accessibility.

---

🚀 Getting Started

Prerequisites

• A modern web browser (e.g., Chrome, Firefox, Edge)
• A code editor (e.g., Visual Studio Code, Sublime Text)

Installation

1️⃣ Clone the repository

git clone [https://github.com/yourusername/eduguard.git](https://github.com/yourusername/eduguard.git)

2️⃣ Navigate to the project directory

cd eduguard

3️⃣ Open the project

Open index.html directly in your browser, or use the Live Server extension in VS Code for real-time preview.

📂 Project Structure

eduguard/
├── index.html          # Home page
├── register.html       # Student registration form
├── login.html          # User login form
├── css/
│   └── styles.css      # Stylesheet
└── README.md           # Documentation

🖥️ Usage

Registration

1. Open register.html
2. Fill in the required fields (First Name, Last Name, Email, Phone Number, Password, Course)
3. Click Register

Login

1. Open login.html
2. Enter registered Email & Password
3. Click Login

⚠️ Note: This is a front-end-only project. No backend processing is implemented yet. Backend integration is needed for full functionality.

---

🎨 Customization

Styling

Modify css/styles.css to change colors, fonts, spacing, or layout.

Form Fields

Update register.html or login.html to add/remove input fields. Ensure corresponding labels and placeholders are updated.

---

📚 Resources

• W3Schools – Create a Register Form
• W3Schools – Create a Login Form
• GeeksforGeeks – HTML Registration Form
• GeeksforGeeks – HTML Login Form

---

🤝 Contributing

Contributions are welcome!

1. Fork the repository
2. Create a branch

   git checkout -b feature/your-feature-name

3. Commit your changes

   git commit -m "Add your feature description"

4. Push to your branch

   git push origin feature/your-feature-name

5. Open a Pull Request

---

📜 License

This project is licensed under the MIT License – see the LICENSE file for details.