DEV Community

Cover image for I built a real-time retainer tracker using React and Node.js
sudarshan161219
sudarshan161219

Posted on

I built a real-time retainer tracker using React and Node.js

Hi everyone.

I recently built a tool called Retain to solve a specific problem: efficiently tracking freelance hours without spreadsheets or constant email updates.

The Concept Retain is a client portal that keeps budget tracking transparent. The goal was to remove friction for both the developer and the client.

Key Features

  • Real-Time Sync: Utilizing Socket.io, budget bars update instantly on the client’s screen whenever hours are logged on the admin side.
  • Magic Links: Clients receive a secure, cryptographic link to view their dashboard. No account creation or login is required.
  • Tech Stack: React, Node.js, Express, Prisma, and PostgreSQL.

How it works

  1. I set a total budget (e.g., 20 hours).
  2. I log time as I work.
  3. The client checks their permanent link to see exactly how much time remains.

I am currently refining the architecture and would appreciate any feedback on the concept or the stack.

link:https://retain-frontend-gamma.vercel.app

Thanks for reading.

Top comments (0)