Project client dashboard
Started in as a part of my work as Ruby developer, UI designer and tech lead for Speed & Function
Business role
Sometimes project owners from the side of the client were running several projects with us and maybe some more within their company, and it was hard for them to quickly recall what was happening at a certain project, what were the current pain points, tasks etc.
I came up with an initiative to build a web page that would give them an overview of a project from the main perspectives: milestones, current tasks, risks, next features, team, spent hours, project infra etc.
What it was about
This tool was implemented for my current company.
The system was a classic Rails web app communicating with our primary issue tracker, Redmine
Challenges
- I had to learn d3 to plot spent hours
- I had to sell the project vision internally
My responsibilities
I conceived of this project and implemented it single-handedly.
- Advice & guidance on better UX in the web interfaces
- Building charts in d3
- Correcting web typography
- Creating & deploying Ruby on Rails web apps from scratch
- Deploying websites to Fly.io
- Fine-tuning web typography
- Front-end develpment (HTML / CSS /JS)
- Integrating data from API providers
- Setting up asset build pipeline via Webpack, ESbuild, Parcel etc.
- Writing unit tests with RSpec
Interesting things I did on this project
Rewriting clumsy legacy HTML into correct, consise, semantic HTML that looks beautiful even with no CSS
Technologies / skills
Main
- Bootstrap 3+
- CSS
- d3
- Devise
- Docker
- Flexbox
- Git
- GitLab
- HTML
- JavaScript
- Ruby
- Ruby on Rails
- Sass
- Slim
- SQL
- Fly.io
- GitHub
- GoodJob
- HotWire
Secondary
Feedback I received
Delivery portal is on pause but this project looks like something I imagined delivery portal should be.
I think it looks great and will definitely serve the purpose. It seems to me that “Project Charter” issue in any Redmine project and S&F Delivery Portal are also trying to reach bird-eye overview of projects but in a different manner.