Documentation Images

This directory contains screenshots and images used in the SpendShrink documentation.

Images to Add

The following screenshots need to be created and added to complete the documentation:

Home Dashboard

• home-dashboard-example.png - Screenshot of the main dashboard showing key metrics and charts

Spend Overviews

• overview-example.png - Screenshot of an AWS account overview page showing all key components

Savings Opportunities

• opportunities-example.png - Screenshot of the Savings Opportunities page showing different opportunity cards

Spend Insights

• daily-spend-example.png - Screenshot of the Daily Spend tab in Spend Insights
• s3-storage-example.png - Screenshot of the S3 Storage tab in Spend Insights

Spend Alerts

• alerts-example.png - Screenshot of the Spend Alerts configuration page

Current Status

Note: All of the missing images above are referenced in the documentation files: - home-dashboard-example.png is referenced in homedashboard.md - opportunities-example.png is referenced in opportunities.md - daily-spend-example.png and s3-storage-example.png are referenced in spendinsights.md - overview-example.png is referenced in overviews.md - alerts-example.png is referenced in spendalerts.md

These placeholders will need to be created according to the guidelines below to ensure the documentation displays correctly.

Image Guidelines

When creating screenshots for documentation:

1. Use a test account with realistic (but anonymized) data
2. Ensure the UI is showing the latest version of the application
3. Capture the entire relevant section/page
4. Use a consistent browser window size for all screenshots
5. Highlight important elements if needed
6. Remove any sensitive information before sharing
7. Use PNG format for all screenshots
8. Aim for a width of 1200-1600px for proper display in documentation