GUI Developer

Hermes GUI

An Ionic/React-based dashboard that provides an interface for scanning websites, viewing vulnerability reports, and learning about web security concepts based on the OWASP Application Security Verification Standard (ASVS) Level 1 framework.

🌟 Features

• Modern, responsive user interface built with Ionic and React
• Dashboard for scanning websites and viewing vulnerability reports
• Integration with the Web Scanner API
• Educational resources on web security best practices
• Visualizations of scan results and security metrics

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm (usually comes with Node.js)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/hermes-fullstack.git
   cd hermes-fullstack/gui

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Access the GUI at:

   http://localhost:5173
   

💻 Development

Directory Structure

gui/
├── src/
│   ├── components/   # Reusable UI components
│   ├── pages/        # Application pages
│   ├── assets/       # Static files (images, icons)
│   ├── App.tsx       # Main application component
│   └── main.tsx      # Application entry point
├── public/           # Public assets
└── ... configuration files

Available Scripts

• npm run dev - Start the development server
• npm run build - Build the application for production
• npm run preview - Preview the production build locally

🛠️ Technology Stack

• Ionic Framework - UI components and mobile support
• React - Frontend library
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Utility-first CSS framework
• Vite - Frontend build tool

📜 License

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

👥 Contributors

• Swann Lagoute
• Valentin
• Antoine
• Joseph