GitShame

Inspiration

As developers, we all know the feeling — you’ve been coding for hours, deep in the zone, only to realize you haven’t committed anything all day. GitShame was inspired by that exact moment of guilt.
The idea came from wanting a humorous, slightly passive-aggressive tool to keep ourselves accountable for consistent commits — especially during hackathons and long coding sessions.

What it does

GitShame is a stylish, dark-themed reminder app for developers. It allows users to:

• Set a custom timer (e.g. 90 minutes)
• When the timer ends:
  • Play a soft “tsssss” sound (unless muted)
  • Show a sad face
  • Display a toast: “Did you even commit today? 😒”
• Confirm they’ve committed with a button
• Reset the timer and log the timestamp
• View commit history, stored in localStorage

How we built it

We used the following tech stack:

• Next.js 13+ (App Router) for structure and routing
  
• TypeScript for type safety
  
• Tailwind CSS for styling
  
• shadcn/ui for toast notifications and UI primitives
  
• LocalStorage for persistency (commit history, mute setting)
  
• Bebas Neue font from Google Fonts
  

The UI is minimal yet expressive, with a dark theme, soft gradients, and clean layout. We included the Bolt.new logo as a tribute to the one-shot challenge.

Challenges we ran into

• Handling flexible user input for the timer while preventing invalid values
• Syncing timer logic with persistent localStorage state
• Balancing sound functionality — helpful, not annoying
• Styling UI elements (like toasts) to match the playful tone

Accomplishments that we're proud of

• Creating a fully working and polished app from a single prompt
  
• Designing a genuinely useful tool that’s also fun and funny
  
• Implementing accessible, responsive UI with minimal dependencies
  
• Building a clear identity (logo, tone, UX) that supports the idea

What we learned

This project showed us how powerful simple tools can be.
We learned to:

• Design fast and intentionally under constraints
• Rely on client-only features for meaningful apps
• Combine visual identity, humor, and utility
• Prototype production-grade UIs rapidly with Next.js + Tailwind

What's next for GitShame

We’re excited to keep improving GitShame. Next steps might include:

• GitHub API integration to fetch real-time commit activity
• Desktop notifications and PWA support
• Customizable "shame levels" (e.g. friendly, sarcastic, brutal)
• A statistics dashboard with commit streaks and productivity graphs

Until then — don’t forget to commit. Or else. 😒

Built With

• next.js
• tailwind
• typescript