Game View

This project's goal set out to make completing work in Monday.com more enjoyable. We have done this by add a board view that incorporates game mechanics of Levels, Experience points and High Scores.

Comment

Inspiration

We wanted to introduce a little friendly competition into the monday.com ecosystem.

What it does

Ranks users based on the number of tasks they've completed and assigns them a "level". The xp per level, xp per task and xp per individual task can all be customized.

How we built it

We built the app using React.js, because that's what the monday.com tutorial used and we're pretty lazy.

Challenges we ran into

  1. The monday.com developer screen (in View Setup) does not allow filtering of issues, so to test the filtering functionality we had to compile and publish the app to the live board for every iteration.
  2. We where surprised that the monday.listen("itemIds", ...) API listen doesn't seem to trigger across tabs. We considered adding a refresh button to solve reloading stale data, but decided against it. That's what browser refresh is for!
  3. Maybe this exists and we just didn't find it, but it would've been nice to have a monday.com css url so we could load monday's default styling into our app.

Accomplishments that we're proud of

This was our first React project, so it was good chance for us to learn a new framework. One of us had never even done web work before!

What we learned

We should've got the data for our view at a lower level (deeper in the react component stack) as-required. As the app is now, the root component gets all the required data and then distributes it. That means any changes requires a full page refresh, which is not optimal.

What's next for Game View

I guess that depends on the response to our first submission!

Built With

Share this project:

Updates