Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Report Viewer #83

Open
7 of 16 tasks
ChristopherPHolder opened this issue Mar 11, 2024 · 0 comments
Open
7 of 16 tasks

Add Report Viewer #83

ChristopherPHolder opened this issue Mar 11, 2024 · 0 comments

Comments

@ChristopherPHolder
Copy link
Owner

ChristopherPHolder commented Mar 11, 2024

TL;DR

A user should be able to see the report using a viewer.

Description

A feature lib that takes the report generated by lighthouse and displays the results.

It should have a viewer for:

  • Category overview

  • Metrics

image

  • Filmstrip

image

  • Diagnostics

image

  • Passed Audits

image

List of todos

  • There should be a max size maybe 1400px for the viewer.

  • It should have a global section with details about the audit.

image

  • Only one audit step should be visible at the time

  • There should be a sticky menu at the top allowing you to switch steps

The sticky menu should look like a time line.

Icon -> Step Pic -> Step Pic

Summary -> Step -> Step

Category Overview

Metrics

  • Item and value should be on same line

  • Desktop should have two items per row

Filmstrip

  • Filmstrip pictures should have a border.

  • Consider multi line for mobile

image

Diagnostic

image

  • Add filter for related metric

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant