🖥️ Mobile Tester Agent Frontend

This repository contains the Frontend Dashboard for the Mobile Tester Agent. The dashboard provides a user-friendly interface to configure, run, and monitor AI-powered test scenarios for Android applications.

---

🎯 Purpose

The frontend is the visual interface of the Mobile Tester Agent system. It allows users to:

• Define test goals and steps.
• Configure AI agent parameters (LLM choice, execution settings, etc.).
• Trigger tests via the backend API.
• View reports and test results in a structured way.

---

📷 Screenshot

---

🏗️ Tech Stack

The frontend is built with modern web technologies:

• ⚛️ ReactJS → Core UI framework.
• 🎨 TailwindCSS → Styling with utility-first CSS.
• 📊 Recharts → Data visualization and charts.
• 🧩 shadcn/ui → Pre-styled UI components.
• 🌀 Framer Motion → Animations and transitions.
• 🌐 REST API Integration → Connects to the Mobile Tester Agent backend.

---

🔗 Relation to Main Project

This dashboard works in tandem with the core agentic AI backend:

• Frontend (this repo): Interface for creating test scenarios and viewing results.
• Backend (Koog + Ktor API): AI agent execution and communication with Android devices.
• Sample Android App: Provides a testing target for the agent.

For the full architecture, see the main project: Mobile Tester Agent.

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/IdeaMan980/Mobile_Agent_Tester_Frontend.git
cd Mobile_Agent_Tester_Frontend

2. Install Dependencies

npm install

3. Run Development Server

npm run dev

The dashboard will be available at http://localhost:3000.

---

📎 References

• Mobile Tester Agent (Backend)
• Sample Android App
• Koog Documentation

---

✅ With this frontend, you can easily interact with the AI-powered Mobile Tester Agent, configure tests, and monitor execution results in real time.