WTF did we do at the WTF Hackathon?

Written by bhavaniravi | Published 2018/06/25
Tech Story Tags: javascript | hackathons | women-in-tech | wtf-hackathon | wtf

TLDRvia the TL;DR App

Women Tech Fab

For all those days I have been working to bring diversity into the tech domain, here was a hackathon that was happening exclusively for women and how could I not be a part of it?! For most hackathons in the past, I used to mentor and attach myself to teams from colleges and help them out during technical difficulties. This time around, I badly wanted to participate because I had everything they asked for:

  1. An Idea
  2. Team
  3. Of course the hackathon

The idea

Story

In my previous company, I used to log my work, thought process, learning, and design decisions in a google document. As days passed by, the document started growing, and in the end, I had a 36-page document from which I could never infer my learning/thought process. One other issue was you can’t ensure all the employees log their work. On top of that, I used to set a reminder in Slack to remind my colleagues to make an entry. That’s when I wanted to turn it into a chatbot.

iKeepLog

A chatbot that sits in your organization’s messaging platform, that pings you at regular intervals to get your status update. You can log your status with #hashtags and over a period it will generate a learning and productivity curve. Though this was the base of my idea, you will see how our kick-ass team transformed it over for the hackathon.

The Team

My team was the most diverse set from the whole hackathon. We don’t belong to the same company. We all became friends by meeting at various tech community events in Chennai.

Naren — The Senior Software consultant from TarkaLabs or The DevOps specialist as I know him :D gladly accepted to be a part of my team. In fact I didn’t even ask him before applying.

Krithika — She is my go-to person when it comes to #womenInTech. Her new found love for React.js came in handy for a team which has no front-end skills.

Bhuvana — Her new found passion to enter Software Development made the Founder of ThinkDiff S’kool reach out and become a part of my team.

The Hackathon

Application

After applying with iKeepLog, I wanted to increase the chances of getting a spot in the hackathon. We started a Whatsapp group and began discussing other ideas. By the time I applied the second idea the organizing members had called to inform that both the ideas got selected. I tried hard to form a second team but had to drop it towards the end.

Planning

Trust me, if you are planning to use a Whatsapp group for hackathon discussions, don’t! Call them up, meet in a common place and brainstorm. By the time we realized, it was already the day before the hackathon!

We listed out everything we exchanged over the calls and started connecting the major features to every new thought that popped up. By the end of the planning session we had a plan of execution for each member of the team.

Plan To Action

Day 1

As a woman who is struggling to bring diversity to tech communities, entering a room full of women who were equally pumped for a tech hackathon was a dream come true. We started the implementation after an energizing keynote and breakfast.

The mentors started coming around, heard our ideas and gave us different dimensions to approach and pitch the idea. Vaishnavi from Mad Street Den helped us crack the business aspects of the idea.

While I was struggling with Slack’s Documentation to bring the bot to life. Krithika started with the dashboard, Naren and Bhuvana immersed themselves into the backend implementation. At the end of Day 1, we had a slackbot which logs to a database and a backend API which generated a tag cloud from the logs. Naren worked late at night and got one version up in the server.

Day 2

The 2nd day started with bringing more personality to the bot and a ping API for the bot to ping the user and lots of UI. While Krithika and Naren worked on the placement of UI components. I gave inputs for slides to answer the What ?, Why?, Who? And How? to Bhuvana. Once Bhuvana got the slides up, we ran it past Vaishnavi, and she gave a green signal and suggested a couple of more points.

Final Presentation

This was the final part of any hackathon where it all came to an end. The pressure kicks in no matter how much you have prepared. When a lot pick pushed the Team No 1 to 13th and when you see lots of great ideas presented before you, no one can judge you for getting so nervous. The slides went up, and my hands went cold with a deep breath exiting my lungs, I regained my confidence to present the what, why, how and who of iKeepLog.

Cherry on the cake

I sensed the feeling of accomplishment among my team. I can assure you they were delighted that it all came together finally. We celebrated it with samosas and kachoris. When we settled back in for the results announcement, the crowd grew impatient as we neared the moment. When they announced that we were the runners-up, I was immediately on cloud nine! No words in this world can explain my emotion at that instant, so here is a video of the same.

Behind the scenes

How we produce code

How we produce code

The Error that kept us up

> material-dashboard-react@1.2.0 build /home/bhavani/iKeepLog/ikeeplog/web> react-scripts buildmodule.js:549throw err;^

Error: Cannot find module ‘./lib/parse’at Function.Module._resolveFilename (module.js:547:15)at Function.Module._load (module.js:474:25)at Module.require (module.js:596:17)at require (internal/module.js:11:18)at Object.<anonymous> (/home/bhavani/iKeepLog/ikeeplog/web/node_modules/react-dev-utils/node_modules/cross-spawn/index.js:4:13)at Module._compile (module.js:652:30)at Object.Module._extensions..js (module.js:663:10)at Module.load (module.js:565:32)at tryModuleLoad (module.js:505:12)at Function.Module._load (module.js:497:3)

npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! material-dashboard-react@1.2.0 build: `react-scripts build`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the material-dashboard-react@1.2.0 build script.npm ERR! This is probably not a problem with npm. There is likely additional logging output above.npm ERR! A complete log of this run can be found in:npm ERR! /home/bhavani/.npm/_logs/2018–06–23T16_41_42_805Z-debug.log`

When you are sad but, your bot is not going to give up on you.

What’s next on the list for iKeeplog

iKeeplog is not just a hackathon thing. We are going to work on it more to convert the prototype to an MVP.


Written by bhavaniravi | Pythonista, Airflow Specialist 🐍 Currently consulting & Indie Hacking
Published by HackerNoon on 2018/06/25