Warranty Tracker

Dashboard
Homepage
Login
Add Product
Products
Calendar
Notifications

What Inspired Me

Ever found yourself frantically searching through your phone gallery, digging through old emails, or rummaging through drawers when you need to claim a warranty? That was me!

I was staring at a broken laptop screen that was clearly still under warranty, but I had no idea where I put the receipt. Was it in my email? Did I take a photo? Maybe it's in that pile of papers I've been meaning to organize? After spending an hour searching (and failing), I realized I wasn't alone in this struggle.

That's when the lightbulb switched on 💡 - what if there was a simple, beautiful app that could be your personal warranty guardian? A place where you could store all your product info, receipts, and get smart notifications before warranties expire. No more missed claims, no more lost receipts, just peace of mind.

What I Learned

As someone who had never written a single line of code before, this was like learning to swim by jumping into the deep end!

The Technical Journey:

Modern Web Development: Dived into React with TypeScript, Vite for lightning-fast builds, and Tailwind CSS for styling
Backend Magic: Discovered Supabase - it's like having a full backend team in a box! Learned about databases, authentication, file storage, and security policies
Real-world Development: Deployment, and the joy of debugging (yes, I said joy... after the 7th time fixing the same bug and reverting the changes 😂)

The Bigger Picture:

User-Centric Design: Every feature I added made me think "Would my mom be able to use this?" (She's my toughest critic!)
Security First: Learned that protecting user data isn't optional - it's everything. Row Level Security, proper authentication, secure file uploads

How I Built It

I adopted a "learn-as-you-build" philosophy, which basically means I Googled everything! 🔍

The Building Process:

Started Simple: Began with a basic dashboard to add products and track warranty - no fancy UI, just functionality
Added Beauty: Once it worked, I made it look good. Glass morphism effects, smooth animations, beautiful gradients
Made It Smart: Added automatic warranty calculations, expiry notifications, and a calendar view
Made It Secure: Implemented proper authentication, file uploads with validation, and data protection

The Tech Stack:

Frontend: React + TypeScript + Tailwind CSS
Backend: Supabase (PostgreSQL + Auth + Storage)
Deployment: Vercel for the frontend, Supabase for everything else

Challenges I Faced

Let me be honest - this was HARD! As someone who had never written code before, I felt like I was trying to build a rocket ship with a hammer and some duct tape 🚀

The Learning Curve:

Where to Start: The biggest challenge was simply knowing where to begin. Should I start with the database? The UI? The authentication? I spent days just planning and researching
Understanding the Ecosystem: Modern web development has so many tools and concepts that I had to give a lot of time to read first and then implement
Debugging: I can't count how many times I stared at my screen thinking "Why isn't this working?". Bolt made it super easy for me to debug any issues that I faced

What Got Me Through:

Breaking It Down: Instead of thinking "I need to build a warranty tracker," I thought "I need to build a form that saves money and help an issue faced by a lot of people"
Celebrating Small Wins: Every time something worked, I celebrated it. Even if it was just a button that changed color when clicked

The Future Vision

This is just the beginning!

Immediate Plans:

Email Notifications: Users will get email alerts when warranties are about to expire
Mobile App: Native iOS and Android applications for on-the-go access
Subscription Model: Premium features with advanced analytics and unlimited storage (exploring alternatives to Stripe since it's not available in India)

Long-term Vision:

Enterprise Features: Companies can track and manage warranties for their entire inventory
AI Receipt Scanning: Automatically extract warranty information from uploaded receipts
Multi-language Support: Make it accessible globally
Advanced Analytics: Insights into warranty patterns and cost savings

Hackathon Impact: If I'm lucky enough to win a prize in this hackathon, I'm committed to taking this project to the next level. The validation and support would be incredible motivation to turn this from a personal project into a real business that helps thousands of people never lose their warranty coverage again.

The result? A beautiful, functional application that I'm genuinely proud of. It's close to perfect, and it solves a real problem and taught me more about development than I ever thought possible. Plus, now I'll never lose another warranty receipt again! 🎉