> ## Documentation Index
> Fetch the complete documentation index at: https://hoopdev-docs-improve-idp-sso-pages.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Web App Overview

> Get started with Hoop.dev's powerful web interface for managing secure infrastructure access

<Frame>
  <img src="https://mintcdn.com/hoopdev-docs-improve-idp-sso-pages/8zJSOfXzen5fPoBJ/images/clients/webapp/webapp-light.png?fit=max&auto=format&n=8zJSOfXzen5fPoBJ&q=85&s=61055f631483ab09190b1459bb01b50e" className="block dark:hidden" width="1408" height="768" data-path="images/clients/webapp/webapp-light.png" />

  <img src="https://mintcdn.com/hoopdev-docs-improve-idp-sso-pages/8zJSOfXzen5fPoBJ/images/clients/webapp/webapp-dark.png?fit=max&auto=format&n=8zJSOfXzen5fPoBJ&q=85&s=6f2708a508b6e25a222d81572842d76f" className="hidden dark:block" width="1408" height="768" data-path="images/clients/webapp/webapp-dark.png" />
</Frame>

Our Web App is your central interface for managing secure access to your infrastructure. It provides a modern, intuitive interface for creating and managing connections, controlling access policies, and monitoring user sessions - all while maintaining robust security through AI-powered features.

## Key Features

<CardGroup cols={2}>
  <Card title="Connection Management" icon="plug">
    Create and manage secure connections to your databases, servers, and cloud services. Configure access settings, security policies, and monitoring options all in one place.
  </Card>

  <Card title="Access Control" icon="lock">
    Define who can access what with granular permission controls. Integrate with your identity provider and manage group-based access policies effortlessly.
  </Card>

  <Card title="Guardrails" icon="shield-check">
    Protect your infrastructure with intelligent access controls and real-time command filtering. Prevent risky operations while maintaining team productivity.
  </Card>

  <Card title="Security Features" icon="shield">
    Leverage AI-powered data masking, access requests, and session monitoring to ensure comprehensive protection of your infrastructure.
  </Card>
</CardGroup>

## Core Components

### Dashboard

Your central hub for monitoring activity, managing connections, and accessing key features:

* Quick access to all your connections
* Activity monitoring and alerts
* System status and health metrics
* Recent session history

### Connection Manager

Create and manage connections to various resources:

* Databases (PostgreSQL, MySQL, MongoDB, etc.)
* Cloud Services (AWS, Kubernetes)
* Web Applications and APIs
* Development Environments

### Access Control Panel

Comprehensive tools for managing who can access what:

* User and group management
* Role-based access control
* Integration with identity providers
* Policy configuration

### Session Monitor

Real-time visibility into all access sessions:

* Live session monitoring
* Session recordings and playback
* Audit logs and reports
* Activity analytics

## Getting Started

Access Hoop.dev's web interface at [use.hoop.dev](https://use.hoop.dev) for our managed service, or through your self-hosted installation URL.

## Next Steps

<CardGroup cols={2}>
  <Card title="Creating Connections" icon="plus" href="/clients/webapp/creating-resource-roles">
    Learn how to set up and configure different types of connections.

    <br />

    **Get Started** <Icon icon="arrow-right" />
  </Card>

  <Card title="Managing Access" icon="users" href="/clients/webapp/managing-access">
    Configure access policies and user permissions.

    <br />

    **Learn More** <Icon icon="arrow-right" />
  </Card>
</CardGroup>