Bucketlisty
AI-powered bucket list and personal goal tracking web app with authentication, drag-and-drop, and community features
Bucketlisty
Overview
Bucketlisty is a goal-oriented bucket list application that helps users define life goals, break them into actionable steps, and track progress over time. It’s designed to make long-term aspirations tangible through planning, prioritization, and accountability.
Key Features
- Bucket List Management: Create, organize, and prioritize bucket list items and goals
- Drag-and-Drop: Reorder and arrange items with an intuitive drag-and-drop interface
- Progress Tracking: Track completion status and milestone achievements
- Authentication: Secure sign-in with better-auth
- Community Features: Share goals and connect with others around shared ambitions
- AI Assistance: AI-powered suggestions to help shape and plan goals
Technical Stack
- Framework: Next.js, React, TypeScript
- Data: Prisma ORM over NeonDB
- Data Fetching: TanStack Query
- Auth: better-auth
- Styling: Tailwind CSS, Radix UI
- Storage: Vercel Blob
- Validation: Zod
Architecture
The app follows a modern full‑stack Next.js architecture:
- Client-side UI powered by React with Radix UI primitives and TanStack Query for data fetching
- Prisma provides a type-safe data layer over NeonDB (serverless Postgres)
- Authentication and session management handled via better-auth
- File uploads (e.g. images) stored in Vercel Blob
- Zod validation at the data boundaries
Challenges & Solutions
- Reorder UX: Built a drag-and-drop interface for arranging goals and items
- Data Fetching: Used TanStack Query for caching and responsive UI updates
- Consistency & Safety: Adopted Prisma migrations and Zod validation at the boundary
- Auth: Integrated better-auth for secure, flexible authentication
Impact & Results
- Clarity: Turns long-term goals into an organized, trackable list
- Motivation: Visual progress and community features promote consistency
- Shareability: Community features let users connect around shared ambitions