Ably - TrackChat

A place where you can seamlessly engage in real-time conversations with fellow users while simultaneously monitoring a dynamic project management dashboard.

Comment 2

Inspiration

TrackChat was born out of a desire to address the communication challenges faced by development teams when working on project roadmaps. It facilitates seamless interaction among development teams and enables them to create and manage multiple project roadmaps effortlessly. This innovative collaboration tool seamlessly integrates a Slack-like chat interface to support both one-on-one conversations and group discussions, enhancing team collaboration and project coordination.

What it does

TrackChat provides a unified platform where users can engage in real-time conversations with team members and access a dynamic project management dashboard(Kanban Board) simultaneously. This versatile app combines social interaction with efficient project oversight, fostering collaboration and boosting productivity for development teams.

How we built it

The app's development journey began with the integration of key tools and technologies. The initial build leveraged the Ably SDK, AWS SDK, and NextAuth for essential functionalities. Additionally, the ReactDND Kanban board was implemented to streamline the project management workflow.

Subsequently, I focused on refining the chat interface to provide a rich text editing experience. Other features I built were the ability to create new channels, engage in private messaging, react to messages, and reply to specific messages. In addition, I established a connection with DynamoDB to securely store all chat messages and maintain the positions of items on the Kanban board. Together, these efforts contributed to the development of a comprehensive and feature-rich app.

Meanwhile, Labhk took charge of Workspaces, enhancing the the app's collaborative features on the Kanban board, integrating real-time capabilities through Ably Spaces and Ably Channels. This included live cursors for real-time updates and a locking mechanism to prevent conflicts during task updates.

Challenges we ran into

We encountered notable challenges during the development process. My primary hurdle arose when transitioning to save messages in DynamoDB and ensuring their real-time updates. Initially, pulling messages from the Ably channel history worked seamlessly. However, due to cost considerations, we opted against using AWS Lambdas to trigger specific code for fetching new messages. Instead, I employed strategically placed setTimeouts to address this issue to a significant extent. It's a matter I intend to address more comprehensively in the future.

Labhk faced his own set of challenges, primarily related to implementing Component Locking and integrating real-time capabilities in Kanban board. While these presented some difficulties, his resourcefulness and creative use of CSS ultimately allowed him to overcome these obstacles.

Accomplishments that we're proud of

We take immense pride in our accomplishments, achieved within a remarkably short timeframe through effective collaboration. This journey has been a profound learning experience for me, particularly in mastering DynamoDB and navigating the complexities of real-time data flows. It has also shed light on areas within the development process that require further refinement.

In retrospect, this endeavor served as an incredible opportunity for self-directed learning in coding, underlining the significance of hands-on experience and problem-solving in becoming a more proficient developer.

What we learned

Throughout this journey, I gained valuable insights into my role as a developer, identifying my strengths and areas that warrant improvement. One crucial lesson was mastering the art of selecting the most suitable technology and adapting when things deviate from the initial plan.

Furthermore, I deepened my understanding of project management as a holistic discipline. I honed my skills in structuring a development roadmap for timely project completion. Exploring new technologies during this project expanded my knowledge of general syntax and programming practices, making me more versatile as a developer.

In the process, I discovered the art of asking insightful questions. This entire experience has been a fantastic learning opportunity that I aspire to carry forward, perhaps by participating in another hackathon.

What's next for Ably - TrackChat

Looking ahead to the future of Ably - TrackChat, our focus is on enhancing its real-time capabilities, overall functionality, and collaboration possibilities. We're planning to integrate Tanstack Query to address real-time challenges even more effectively. In addition, we're excited to announce our intentions to incorporate Jira, seamlessly connecting TrackChat's Kanban board with Jira tickets, allowing for efficient cross-referencing between project tasks and related tickets.

Furthermore, we remain dedicated to refining the app's design to provide an even more user-friendly experience. Our ultimate goal is to continue the development of TrackChat, aiming to elevate it to a true production-level application that can serve a broad user base. We are committed to ongoing improvements and ensuring that the app becomes a valuable resource for all.

Built With

+ 1 more
Share this project:

Updates