DEV Community

Cover image for My First Hackathon Experience: Building a GitHub Workflow Tool at ThoughtWorks
Sathish A
Sathish A

Posted on

My First Hackathon Experience: Building a GitHub Workflow Tool at ThoughtWorks

Hi Developers!!

Yesterday was a very special day for me. I attended my first hackathon. I am a fresher, so everything was new and exciting.

This hackathon was organized by ThoughtWorks Technologies. I went there with my full team, but later I joined a different team. I did not know anyone before, but everyone was friendly and helpful.

In my new team, there were four people:

1.Manikandan - A seasoned full-stack developer with impressive problem-solving skills
2.Mithun - A senior programmer with years of industry experience
3.Arun - A fellow fresher who, like me, was eager to learn and contribute

Our Project: GitHub Workflow Management System

The Problem We Solved:

  • Developers often struggle with tracking bugs and managing task assignments
  • Team leads need a centralized system to raise tickets and monitor progress
  • Integration between code commits and project management is often fragmented

Our Solution:
We built a comprehensive workflow management tool with the following features:

1.User Authentication System:

  • Secure login functionality
  • Role-based access (Team Lead, Developer, etc.)

2.Dashboard Interface:

  • Clean, intuitive UI displaying project overview
  • Latest commit messages from connected repositories
  • Real-time status updates

3.Ticket Management System

  • Team leads can create and assign tickets for bugs/features
  • Developers can update status and add comments
  • Priority-based task organization

4.GitHub Integration

  • Direct connection to repositories
  • Commit message tracking
  • Branch management visibility

The application functioned similar to popular tools like Trello but with deeper GitHub integration and specific focus on development workflows.

Technical Implementation:

Tech Stack Used:
Frontend: React.js with modern hooks
Backend: Node.js with Express
Database: MongoDB for flexible data storage
Integration: GitHub API for repository connections
Styling: CSS3 with responsive design principles.

GitFlow Tool:

What I Learned from This Hackathon?

  • How to work in a new team with unknown people
  • How senior developers solve real coding problems
  • Basics of React, Node.js, and MongoDB in real projects
  • How to fetch commit messages from GitHub using APIs
  • How to handle the task flow like raising and assigning bugs (Trello model)

I also learned the importance of teamwork, communication, and project management during a hackathon.

About the Day:

It was a wonderful day full of learning. I met new friends, learned new tech tools, and understood how real developers build applications.
I want to join more hackathons in the future and improve my coding and problem-solving skills.

Special Thanks To:

A heartfelt thanks to the Payilagam team for their valuable guidance and support in helping us participate in the hackathon.Then especially Manikandan Brother, who explained many things to me as a fresher.

Learn, Build, Collaborate - the hackathon way!!

Top comments (0)