WarrantyVault

WarrantyVault is a modern, responsive web application that helps users track their purchases and warranties. It features a premium "Trophy Case" aesthetic, turning mundane warranty tracking into a delightful experience.

Features

• Automatic Tracking: Connect your Gmail to auto-scan receipts (Mocked for Demo).
• Visual Dashboard: Premium "Hero" aesthetic with interactive "Fan Cards" visualization of your assets.
• Items Management: Dedicated "Items" page for detailed filtering, sorting, and search.
• Warranty Alerts: Get notified before your warranties expire.
• Privacy First: Your data is yours. We only access what you allow.
• Premium Design: Glassmorphism UI, smooth animations, and dark mode support.

Tech Stack

• Framework: Next.js 14 (App Router)
• Language: TypeScript
• Styling: TailwindCSS + shadcn/ui
• State Management: Zustand
• Forms: React Hook Form + Zod
• Animations: Framer Motion, GSAP
• Charts: Recharts
• Icons: Lucide React

Getting Started

1. Clone the repository:

   git clone https://github.com/SarmaHighOnCode/warranty-vault.git
   cd warranty-vault

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open locally: Visit http://localhost:3000

Project Structure

• /app: Next.js App Router pages and layouts.
• /components: Reusable UI components.
  • /ui: shadcn/ui primitives.
  • /fan-cards: Interactive card visualization.
• /lib: Utility functions and hooks.
• /public: Static assets.

User Flows

1. Onboarding: Sign up -> Connect (Mock) Email -> View Dashboard.
2. Dashboard: Visual overview of asset value and interactive cards.
3. Items: Detailed list view, search, and management.
4. Manage: Add items manually, edit details.

License

MIT