I developed an App that can k!ll you.

Now as I got all the attention, I would like to tell it's not like that😆. Recently, I watched a Kdrama, "If wishes could kill". Taking inspiration from that, I built Girigo(app's name in the show).

GitHub repo: https://github.com/tanay9098/Girigo
App live link: https://girigofrontend.netlify.app/

Tech stacks used 🤖

Project Directory 📖

Girigo/
├── frontend/ # React + Vite SPA
│ └── src/
│ ├── components/ # VideoRecorder, WishForm, CountDown, …
│ ├── hooks/ # useMediaRecorder, useCountdown, usePush
│ ├── lib/ # crypto.js, api.js, supabase.js
│ └── pages/ # AuthPage, DashboardPage
├── backend/ # Express API + BullMQ worker
│ ├── routes/ # wishes.js, push.js
│ ├── jobs/ # worker.js (scheduled notifications)
│ ├── middleware/ # auth.js (Supabase JWT)
│ └── lib/ # queue.js, storage.js, webpush.js, supabase.js
└── supabase/
└── migrations/ # SQL schema migrations

Struggles and learnings 🎓

It was my one of the few apps that I put in production so I had to resolve production issues which many AI and LLM tools were not able to do so,it helps me to improve my debugging skills to a great extent and most importantly, I learnt how to prompt properly.

I also knew what .toml and .yaml files are, and how it saves our time for configuring our application for deployment.

Earlier I didn't knew much about security concepts but building this application pushed me to learn security concepts to prevent users to access someone's else data and video-encryption. Few of these concepts are, Row-Level-Security, SHA-256,PBKDF-2, and, AES 256 GCM for video encryption. Now explaining these security concepts and how they work in tandem with each other deserves its own dedicated blog, which I will share next time.

Thanks for reading :)