Industrial IoT Frontend

API Integration Testing Environment

API Testing

Test and debug all Industrial IoT Backend API endpoints with an interactive interface.

Development Info

Framework: Next.js 14 with App Router
Build Tool: Turbopack
Styling: Tailwind CSS
API Client: Axios with TypeScript
State Management: Custom Hooks + SWR

Project Architecture

API Layer

  • • Typed API clients
  • • Authentication handling
  • • Error management
  • • Request/response logging

Business Logic

  • • Custom React hooks
  • • State management
  • • Data fetching
  • • Local storage

UI Components

  • • Minimal UI components
  • • Debug interfaces
  • • Easily replaceable
  • • Clean separation

Quick Start

  1. Update .env.local with your API base URL
  2. Start the development server: npm run dev
  3. Navigate to /debug to test API endpoints
  4. Begin with authentication endpoints to get tokens
  5. Test other endpoints with proper authentication