🔥 Firewall Management UI

A modern, responsive web interface to simulate monitoring and managing firewall policies. Built using HTML, CSS, and JavaScript, this frontend prototype mimics how a firewall management dashboard could look and behave.

---

✨ Features

• Toggle the Firewall ON/OFF
• Enable/Disable TCP and UDP blocking
• View request summaries (Accepted, Denied, All)
• Explore firewall features:
• Application-level firewall
• Domain & IP blocking
• Network usage monitoring
• Responsive and accessible layout
• Dark-themed UI for a sleek experience

---

📁 Project Structure

Firewall_UI/
├── index.html         # Homepage
├── dashboard.html     # Request summaries
├── features.html      # Feature cards
├── policies.html      # Policy control toggles
├── contact.html       # Contact/info section
├── style.css          # Dark theme and layout
├── script.js          # UI interactivity
├── main.py            # Packet filtering logic using Scapy & pydivert
├── app.py             # Flask web server for login and UI routing
├── policies.json      # Stores rules for blocking/allowing traffic
└── README.md          # Project documentation

---

🚀 Getting Started

To run this project locally:

1. Clone the repository:

   git clone https://github.com/DEBLEENAGHOSH/Firewall_UI.git

2. Navigate to the project folder:

   cd Firewall_UI

3. Open the app:

• Double-click index.html, or

• Use the Live Server extension in VS Code, or

• Serve with Python:

  python3 -m http.server

---

🧠 How It Works

• The Policies page includes toggles to visually enable/disable firewall settings.

• The Dashboard displays mock request statistics.

• The Features page describes various firewall capabilities.

• The navbar allows easy navigation across sections.

[This is a frontend-only simulation. No real firewall settings are being changed.]

---

🧱 Built With

1. HTML5 – Structure

2. CSS3 – Custom styling and theming

3. JavaScript – Dynamic UI controls

---

🎯 Future Enhancements

• Integrate with a backend (Node.js, Flask, etc.)

• Add authentication for secure access

• Implement log and event tracking

• Allow exporting/importing policy settings

• Improve accessibility and mobile optimization

---

🤝 Contributing

Pull requests are welcome!

---

📝 License

This project is licensed under the MIT License.