A modern React frontend for the Eyevinn Test AdServer, providing a web interface to manage sessions, generate VAST/VMAP responses, and analyze ad serving activity.
- Session List: View all active sessions with creation timestamps
- Session Details: Detailed view of individual sessions with real-time event tracking
- Session Deletion: Remove unused sessions
- Real-time Updates: Auto-refreshing session events every 5 seconds
- VAST Generation: Create VAST 1.0-4.0 responses with configurable parameters
- VMAP Generation: Create VMAP responses with pre-roll, mid-roll, and post-roll configuration
- XML Preview: View generated XML with syntax highlighting
- Export Options: Copy to clipboard or download as XML files
- Session Tracking: Each generated ad creates a tracked session
- Session Statistics: Total, active, and recent session counts
- Activity Charts: 7-day session activity visualization
- Session Metrics: Average session age and activity trends
- Real-time Monitoring: Live session status indicators
- Node.js 20.19+ (recommended)
- npm or yarn
- Running Eyevinn Test AdServer instance
- Clone and install dependencies:
git clone https://github.com/your-username/adserver-frontend.git
cd adserver-frontend
npm install- Configure API endpoint:
cp .env.example .env
# The example configuration points to the Eyevinn Lab instance by default
# Edit .env if you want to use a different AdServer instance- Start development server:
npm run dev- Open your browser:
Navigate to
http://localhost:5173
npm run build
npm run previewBuild the project and upload the dist/ folder to any static hosting service:
npm run build
# Upload dist/ folder to Netlify, Vercel, S3, etc.- Fork the repository
- Create a feature branch
- Make your changes
- Add tests if applicable
- Submit a pull request
This project is licensed under the MIT License.
- Eyevinn Test AdServer - The backend API
- Test AdServer Example - Usage examples
- Eyevinn Open Source - More tools from Eyevinn Technology