ErrorSnap is a comprehensive error management solution for web applications. It allows teams to detect, track, and resolve errors efficiently. Built for developers and project teams, ErrorSnap ensures seamless error monitoring, assignment, and resolution with real-time Slack notifications.
- User Management:
- Login and register users.
- Project Management:
- Add or delete projects.
- View errors by each project.
- Error Tracking:
- Display project errors.
- Search and filter errors using various criteria.
- Detailed error views include stack trace, file info, error line/col no, and browser/OS info for each error.
- See screenshot of the error page
- Track original error lines using source maps, enabling production apps (like React) to see the exact error location in the source code.
- Team Collaboration:
- Add team members to projects.
- Assign errors to specific team members for resolution.
- Slack Integration:
- Receive real-time messages for errors via Slack integration.
- React.js
- Typescript
- Iconify
- Material-UI
- React hook form
- Zod
- Tanstack Query
- Redux toolkit
- Sign up / log in and create a project on the ErrorSnap platform.
- Create a new project.
- Click on your created project and copy your project ID.
- To integrate ErrorSnap with your web application, you need to include the ErrorSnap SDK in your project. SDK Integration Guide
-
Install the ErrorSnap cli npm package in your project. Use it to automatically upload your source maps, so production apps (like React) can show the original error lines in your dashboard.
Add the following script to your
package.jsonto upload source maps after build:"scripts": { "postbuild": "errorsnap-upload -p <project_id> -d <dist folder>" }
- We recommend setting up Slack Integration to get real-time notifications about errors. This will allow your team to receive instant notifications whenever an error occurs in your project
- export errors as CSV file
- Show the error function/code pointer
- Supports browsers like uc, brave, opera