Back to Projects
whatweneed
A modern household management web application for organizing needs, chores, and tasks. Built with the T3 Stack that helps people organize their household needs, chores, and tasks. It's designed to be a central hub for families and roommates to coordinate and manage their shared responsibilities.
Next.js 14
TypeScript
PostgreSQL
Prisma ORM
Clerk Auth
Tailwind CSS
Chart.js
T3 Stack
Description
A modern household management web application for organizing needs, chores, and tasks. Built with the T3 Stack that helps people organize their household needs, chores, and tasks. It's designed to be a central hub for families and roommates to coordinate and manage their shared responsibilities.
Core Features & Implementation
Household Management System
- • Multi-Household Support: Create and join multiple households
- • Household Profiles: Customizable settings for each household
- • Member Management: Add, remove, and manage household members
- • Shared Dashboard: Centralized view of household information
- • Household Switching: Easily toggle between different households
- • Activity Feed: Track changes and updates within each household
Need Tracking System
- • Need Creation: Add items with detailed information
- • Priority Levels: Assign importance to different needs
- • Category Management: Organize needs by type or location
- • Status Tracking: Monitor progress from needed to acquired
- • Recurrent Needs: Schedule regularly required items
- • Batch Operations: Manage multiple needs simultaneously
Financial Tracking
- • Cost Management: Track unit cost and total amounts
- • Budget Calculations: Estimate expenses for planned needs
- • Expense Analysis: Visualize spending patterns over time
- • Cost Comparison: Track price changes for recurring items
- • Category Budgeting: Allocate spending limits by category
Due Date Management
- • Deadline Tracking: Set and monitor due dates for needs
- • Calendar Integration: Visual timeline of upcoming deadlines
- • Notification System: Reminders for approaching due dates
- • Priority Sorting: Organize needs by urgency
- • Overdue Alerts: Highlight items past their due date
Technical Architecture
Core Architecture & Technical Foundation
Technology Stack
- • Framework: Next.js 14 with server-side rendering
- • Database: PostgreSQL with Prisma ORM
- • Language: TypeScript for type-safe development
- • Authentication: Clerk with multi-user support
- • UI Framework: Tailwind CSS with responsive design
- • Typography: Geist font for clean, minimalist design
- • Visualization: Chart.js for data visualization
- • Architecture: T3 Stack (TypeScript, Tailwind, tRPC)
Application Structure
- • Database Design: Normalized schema for multi-household management
- • API Architecture: Type-safe API endpoints with tRPC
- • Component Structure: Modular, reusable components for UI consistency
- • Responsive Layout: Grid-based system for multi-device support
- • State Management: Server components with client islands where needed
- • Data Fetching: Optimized data loading with SWR for real-time updates
- • Subscription Tiers: Feature-flagging system based on subscription level