Coder Social home page Coder Social logo

Comments (2)

AdamVig avatar AdamVig commented on June 12, 2024

Dashboard Specification

The app should display data in realtime. It should have the following components, ranked from high to low priority:

  1. daily active users (users with at least one request logged in a day)
  2. total users (as a percentage of students at the school)
  3. error rate (in the last 24 hours, per 100 requests)
  4. error logs
  5. ability to edit banner in app
  6. ability to edit app metadata in database
  7. ability to search for, delete, and deactivate users
  8. app versions, with percentage of users on latest version
  9. platforms, ranked by popularity
  10. lists of newest, most frequent, and most recent users
  11. new user notification (sound, browser notification, visual flash)
  12. ordered list of endpoints by popularity

It makes sense to split the components into two views: one for passive viewing and one for interaction. The views should be separate and not visible at the same time because they have different purposes.

Metrics Management
daily active users error logs
total users edit banner
error rate edit metadata
platforms/versions manage users
user notifications user rankings
endpoint popularity -

The metrics should have the following visualizations:

Metric Visualization
daily active users number, spark line
total users percentage, pie chart
error rate percentage, spark line
app versions percentage, pie chart
platforms pie chart
user notifications notification popup, sound
endpoint popularity multi-line chart

from gocodashboard.

AdamVig avatar AdamVig commented on June 12, 2024

Interface Mockups

Desktop
Desktop

iPad Mini
iPad Mini

iPhone 5s
iPhone 5s

from gocodashboard.

Related Issues (1)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.