Draft
Working
Draft is a minimalist, zero-friction hub where creators drop raw ideas and assemble the exact talent they need to execute them.
Key Features
- Project Initialization: Drop project ideas, define the exact tech stack, and list the required roles (e.g., UI Designer, DevOps).
- Player Card Profiles: Gaming-inspired technical profiles that expose developer skills, GitHub, and social endpoints.
- Zero-Friction Discovery: Fast search and filtering system to find active builds by specific technologies or titles.
- Status Lifecycle Management: Track project progression from an initial draft to a completed or archived build.
Challenges Faced
- Authentication Synchronization: Coordinating NextAuth on the Next.js frontend with secure JWT verification on the separate Express backend.
- Complex State Filtering: Managing the state of the search and discovery filters across the application seamlessly using Zustand.
Key Learnings
- Next.js App Router: Mastered modern Next.js architecture, utilizing server components for better performance and SEO.
- Strict Form Validation: Implemented robust, type-safe form handling using React Hook Form combined with Zod schema validation.
- File Pipeline Integration: Learned to securely process image uploads on the backend using Multer before storing them via Firebase Admin.