Guardian Shield: Advanced Application Firewall Frontend 🛡️

Project Overview 🚀

Guardian Shield is a context-aware application firewall developed for the Smart India Hackathon 2024, where our team was among the top 48 finalists selected from over 1000+ teams. The project was showcased at the Grand Finale in Ahmedabad, hosted by ISRO (Indian Space Research Organisation).

The frontend interface provides a robust, user-friendly dashboard for monitoring and controlling network traffic, managing endpoints, and implementing security policies in real-time.

Key Features ✨

• Real-time Network Monitoring: Interactive graphs and visualizations for network traffic analysis
• Endpoint Management: Comprehensive interface for managing and monitoring multiple endpoints
• Policy Configuration: Intuitive policy creation and deployment system
• Alert Dashboard: Real-time alert monitoring with detailed insights
• Activity Monitoring: Visual representation of normal vs. abnormal activities
• DPI (Deep Packet Inspection): Advanced packet analysis and visualization

Technical Architecture 🏗️

The project follows a distributed architecture with three main components:

1. Frontend (This Repository): React-based web console for monitoring and control
2. Backend: FastAPI-powered REST service for data processing and policy management
3. Agent: Distributed monitoring system using Scapy and TensorFlow for network analysis

Tech Stack 💻

Frontend Technologies

• Tailwind CSS for responsive design
• React.js for dynamic UI components
• Chart.js for real-time data visualization

Backend Integration

• FastAPI for high-performance REST APIs
• MongoDB Atlas for scalable data storage
• AI/ML integration with TensorFlow

Screenshots 📸

Login Page

Network Monitoring Dashboard

Real-time anomaly detection and AI-powered threat response with live traffic graphs and automated blocking

Application Management :

Displaying application activity details and an alert monitoring system with high-confidence normal activity detection.

Endpoint Management

Centralized Endpoint Management system enabling admins to monitor, deploy policies, and manage applications with detailed endpoint insights

Policy Management

Policy Deployment: Enables admins to configure and deploy security policies by specifying IPs, ports, protocols, apps, and actions (block/unblock) for endpoint control.

DPI Management

Application Monitoring: Shows real-time network usage, activity graphs, and app-specific alerts for endpoint monitoring (Deep Packet Inspection)

Related Repositories 🔗

• Backend Repository: Guardian Shield Backend

Team VAJRA 🤝

Part of Team VAJRA's submission for Smart India Hackathon 2024, developed under the guidance of ISRO.

Installation and Setup 🛠️

# Clone the repository
git clone https://github.com/atulkp018/Application_firewall_frontend.git

# Navigate to project directory
cd Application_firewall_frontend

# Install dependencies
npm install

# Start development server
npm start

Contributing 🤲

While this project was developed for the Smart India Hackathon, we welcome contributions and suggestions. Feel free to:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License 📄

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

---

Developed with ❤️ by Team VAJRA for Smart India Hackathon 2024