Plan It

Planning boards
Gantt Planning

Inspiration

While project management tools are organised, there are a lot of discussions that take place to arrive at plans. What if someone could quick gather notes and convert them to tasks. Plan.it aims to be that brainstorming notes taking session that can help convert things to a brief project.

What it does

Plan.it powered by Ably Spaces, is a quick way of gathering activities in a project during a brainstorming session. One could quickly create tasks one a drawing board, link them, add timelines if needed and view a high level picture.

With Open AI you can also type or speak (upcoming) these notes in a more human friendly way and Plan.it will help you create tasks and schedules and help you visualize on a drawing board / Gantt Chart.

On the real-time note, with Ably Spaces, you can share links to team members to join the discussion board in real-time, collaborate and make activities. The application shows who is online, active location (to show which section is the user speaking about) and Location selection highlight. All this powered by Ably.

How we built it

Plan.it (plan it) is build on React for frontend, express services for backend, Open AI for text to task, and most importantly Ably Spaces for online real-time collaboration features.

Challenges we ran into

While the examples cover a high level detail of Ably spaces, when integrating with third party libraries (because they are tightly build) I ran into lot of problems with choosing the right library.

With Ably Spaces Github example repo, implementing features is a breeze and almost out of box. Specially the Avatar and Live cursor

Accomplishments that we're proud of

While pre-project planning discussion may include a lot of words. Plan.it is there to create quick ready ballpark templates for users. All this with real-time collaboration features. And further to sweeten the deal simply type in English and your tasks will be created.

What we learned

While Ably Spaces gives a quick head-start in building real-time collaborative experiences. Its implementation examples with a few famous open source libraries (data grids, React flow, etc) would be great for adoption by developers.