1. Find Error Messages
Press F12 to open Developer Tools, then check the Console tab for error messages.
Show me how to use F12 Developer Tools
- Windows/Linux: Press F12 or Ctrl + Shift + I
- Mac: Press Cmd + Option + I
- Click the Console tab to see error messages
- Look for text in red - these are errors
- Right-click an error and select "Copy" to copy the full message
💡 Tip: Take a screenshot of the Console tab if you're unsure what to copy
2. Steps to Reproduce
List the exact steps someone would take to see the bug:
Example:
- Go to profile page
- Click "Edit Profile" button
- Upload a new avatar image
- Click "Save Changes"
- Notice that avatar doesn't update
3. Include Screenshots
Screenshots help us see exactly what you're experiencing. Include:
- The page where the bug occurs
- Any error messages visible on screen
- The F12 Console tab showing errors (if any)
4. Browser & Device Info
We'll try to detect this automatically, but you can also specify:
- Browser name and version (e.g., Chrome 120, Firefox 121)
- Operating system (Windows 11, macOS, Android, iOS)
- Device type (Desktop, Mobile, Tablet)