Utopian Dashy - Dashboard, Discovery & Portfolio

sambillingham(65)

Published in

#utopian-io

Words

655

Reading

3 min

Listen to this post

~4 min

Utopian Dashy aims to be a reference and discovery tools for projects and developers on the Utopian.io platform. This project was born out of my desire to have a single place of reference for the development projects I am working on and to discover other developer sharing their development progress through Utopian.

While prototyping the idea I realised as Utopian is a moderated platform it could double as a portfolio of recognised quality work.

Features

The project is split into two main feature, the user profile and the dashboard.

Portfolio/Tracker -

@sambillingham Example

The aim of this page is to answer the questions “What are you working on?” & “What have you made?”.

The portfolio page gives you an instant overview of the Utopian submissions of the selected user. The number of Contributions & number of projects are at for forefront followed by a project card for each project. The project cards show information about the most recent update and where applicable a badge for the number of updates.

Key metrics including the number of updates, average comments and average upvotes give a quick overview of the popularity of and the response to the users' development projects.

As Utopian is a moderated platform this could begin to be used as a portfolio or at-least proof of work.

Dashboard/Lastest - Live preview

The aim of this page is to answer the questions “What are the latest approval/reject rates?” & “What projects have been approved recently?”.

At the top of the dashboard, the approved/rejected rates for projects over the last 24hours and last 7days are displayed. Percentage change is calculated to show if the number of moderated projects is increasing or decreasing since the previous time period.

Latest Projects is a new way to view submission to Utopian. Projects are stacked by ‘repo-name’, so multiple recent updates to the same project do don’t get their own project card. The latest update to the project is always linked.

Technology Stack

Backend Node.js & Express.js
Frontend Pug.js - Templates & [jQuery - DOM Manipulation(http://jquery.com/download/)
Data from Utopian API & STEEM API
Hosted on Zeit.co

Roadmap

The initial version is ready to use and is online although yet temporarily called dashy. The project has a myriad of opportunities for expansion.

Usability Enhancements

Use for all utopian categories not just development. Allow switching between them and an ‘all’ view.
Expand project card to see all updates or link to individual project view. (Not all projects are updated by the same author)
Regularly Cache results or move to a database
Personal feed to see only who you follow
Differentiate owner/contributor on a profile page
Infinite scroll for more content
preload animations
Add overall approval rate of the user on the profile page

Dashboard/Releases/Productivity Updates

An overarching goal would be to help bring non developers into the ‘product development’ world. Utopian posts are - half report for moderator/half release note/half blog post. Because other blockchain explorers (busy+Steemit) pick up on the posts it’s important information is digestible in different environments. This leads to comments/discussion being spread through multiple posts and difficult to track. This project could consolidate comments & feedback.

Upcoming projects and releases. Release schedules and milestones (link with/pull from Github)

Possible STEEM vote for upcoming features (to encourage developers to work on certain features). Could be a pre-vote authorisation so it votes when the feature is confirmed by a Utopian mod.

Portfolio Updates

Embeddable Utopian badge. Small widget that can be used offsite to showcase utopian contributions.
Page customisations for users to use their @profile as a portfolio. Hide/show projects. Hide/show stats