Utopian Dashy - Dashboard, Discovery & Portfolio
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 -
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
Contributions
You can connect me on Discord
Issues and suggestions can be added to github or directly to this message thread.
Let me know what you think of this project and try it for yourself.
Project is live here - Currently on default domain 🚀
Posted on Utopian.io - Rewarding Open Source Contributors
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Thanks for the review Amos 👊
Hey @sambillingham I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
That is awesome Sam, I like the idea of having portfolio based on the utopian contributions. The UID of the website is pretty neat & clean. One of the features that I like on the dashboard is approved & rejected contributions.
Aside from this project, I just wanna give you one suggestion on your Goodbook.reviews. I think, It would be pretty awesome, If you add a feature of custom permalinks, That doesn't exist on Steemit.
Thanks for this. I've not actually thought of this, it wouldn't be too difficult to implement but it does require to implement a check/error response for name clashes so I guess that's why a lot of platforms just ignore it and use random strings. Can totally add this eventually, I'll try to write it down but feel free to remind me in future if I forget. :)
Sam, If you don't consider yourself a designer, I looked at your previous projects. I think your projects defined that you have a good design sense.
That is amazing, Looking forward to your future updates.
Yeah, I agree. I am hoping to implement it in my project as well and sure, will remind you if you forget.
I was literally just thinking about how helpful something like this would be the other day! Really love the implementation and design as always.
It's cool to think about having Utopian contributions combined into a portfolio. Great stuff -- looking forward to testing it out! 😀
Thanks again Jeff always appreciate your support. I'm hoping to hook it more into Github to and possibly re-create the old punchcard they used to have or make streaks, badges etc. Initially, I just wanted a grid view of the projects and as always I got carried away. I do think it has a lot of potential though so keen to work through some of the roadmap ideas asap.
dude your a beast. i love it, you are bringing so much momentum to this blockchain and developing in things i can learn! :)
Thanks, dude! Appreciate your support on all of my projects. It's nice to see other people find them interesting too. 👊
yeah it's really awesome to know what tools you used, that was my blocking point, which JS to use and how, the boiler plate you made is going to make things a little easier and i certainly need help/advice and tips with electron how you managed to get the notifier working. do you know if it's possible to access the webcam for recording video through an app wrapped in electron? because that's an idea i'm desperate to build out.
I'm going to try and get another update out for the boilerplate soon with more features and tidy it up with a framework so it's even easy to get started with it. Yeah, totally possible to access the webcam. Quick example I found here - (https://codepen.io/syedmurtaza/pen/oeYMNm) anything you can do in the browser you can do in Electron :)
sweet, thanks for sharing this and i can't wait for the updates! :)
I am sold on the portfolio thing. I'd also like it to have embeddable widgets. May be it can have a combined score for a contributor calculated from the newly introduced contribution score system.
Awesome, glad you like the portfolio idea. I did think about adding the new score metric but I feel it might devalue the work done unless there is a way to compare the score vs the average score or something. otherwise a 75 score (which is great on Utopian) might look bad 75/100 to the uninitated.
Yes, that is a valid point.
Goodbye my good old utopian-graphics it really looks neat and quite useful. Gratz again, it's hard to keep up with you.
🙈Ahh I'm sure your 'utopian-graphics' project is still useful. I'm still not 100% sure If I will add all categories to this project but I guess I should? Your project is great for first glance too because of the 'no featured image' on utopian. I would have to make a custom template for graphics to make them work similar to what you have.
Glad you like this one 👍
Thank you, the more I look into what development is occurring around steem, the more I uncover. This is a new bookmark for me.
cool thanks 👊
Congratulations @sambillingham! You have completed some achievement on Steemit and have been rewarded with new badge(s) :
Click on any badge to view your own Board of Honor on SteemitBoard.
To support your work, I also upvoted your post!
For more information about SteemitBoard, click here
If you no longer want to receive notifications, reply to this comment with the word
STOP