W** diff
next.js firebase gcp tanstack query jotai
A sophisticated web application designed to track and visualize UI changes between deployments. This tool automatically captures screenshots of web applications before and after each deployment, enabling developers and stakeholders to easily identify visual regressions and UI improvements.
Technologies Used
- Next.js: Powerful frontend framework for a seamless experience.
- Firebase: Real-time data storage and secure authentication.
- Google Cloud Platform: Scalable and reliable infrastructure.
- TanStack Query: Efficient data fetching and caching.
- Jotai: Lightweight state management for complex UI interactions.
Key Features
- Automated Screenshots: Captures UI snapshots daily or post-deployment.
- Visual Diff Comparison: Identifies UI changes with intuitive visuals.
- Deployment History Tracking: Stores and reviews UI version history.
- Real-Time Notifications: Instant alerts for interface changes.
- Secure Authentication: Supports Basic Auth for protected access.
- CI/CD Integration: Triggered via webhooks for automated workflows.
Perfect for development teams aiming to maintain visual consistency and quickly detect unintended UI changes. This tool streamlines development processes and enhances interface quality.