Generate UX metrics report for any webpage
#snapshots
Search Result : Single/Multiple query


Random Filter

Mobile Device

Tab Device

#Instructions
How to run in local ?
- Clone this repo
- Execute npm install
- Update config/cruxApi.ts : ApiConfig.API_KEY =
${YOUR_API_KEY}
- Execute npm run dev
- Navigate to http://localhost:5173/
Note : Make sure to generate API key before using CRUX API. How to get a key ? Click Herehttps://developer.chrome.com/docs/crux/bigquery
Resources :
- https://developer.chrome.com/docs/crux/bigquery
- https://developer.chrome.com/docs/crux/api
- https://redux-toolkit.js.org/
- https://tailwindcss.com/docs/installation
- https://react.dev/learn
- https://vitejs.dev/
Designed by Saurabh Shankariya