consule.me

Inspiration

This app should focus on your productivity. On a daily basis, we work with a lot of different tools and each tool requires to have them all open in your browser. Furthermore, it is always hard to find all your apps. That is why, I came to the idea: Why not display them all in a Dashboard?

What it does

Currently, it shows your calendar events and your Github issues in a dashboard. You are able to resize and move your views and thus create your own dashboard.

How we built it

I used stepzen as a single source of data fetching on top of a Nuxt 3 application. Furthermore, it's a web application which uses gridstack.js for displaying.

Challenges we ran into

Authentication is hard.. Also the window cross posting of events was a long procedure. Furthermore, understanding Client-side JS and SSR was not so straight forward.

Accomplishments that we're proud of

I finally used a bit more GraphQL and stepzen made it quite easy to define Types and Definitions according to given REST APIs. I used this hackathon to built an app with the "Vue"-like ecosystem: Nuxt 3 (and thus Vue3), UnoCSS, Vitest, Supabase and histoire as a Design System.

What we learned

The principle of Test-Driven-Development is useful but hard for testing components. Furthermore, I tried to work with Atomic Design principles which is also sometimes not really working when your design system cannot adapt UnoCSS. And finally I learned the concept of SSR vs Client-side.

What's next for consule.me

• Supabase implementation Because nothing is saved and I would like to have a user management
• More Views for your Dashboard. Jira is a huge tool which most of the user will work with.
• Implement Actions My plan is to implement some interaction such as merging calendars or reviewing Pull request.
• E2E tests
• Hosting I bought the domain and now it's time to host it. So it's pretty serious to let the world know ;)

Built With

• graphql
• nuxt
• stepzen
• supabase
• typescript
• vue