a a vibe-coded abomination experiment of a fragrance review platform built on the atmosphere.
drydown.social
Component Structure#
Related Documents:
- Architecture Overview - System design
- State Management - State strategy
- User Flows - User journeys
Planned Component Hierarchy#
src/components/
├── App.tsx (🟢 exists)
├── LoginForm.tsx (🟢 exists)
│
├── reviews/
│ ├── ReviewCreator.tsx # Main review creation flow
│ ├── Stage1Form.tsx # Initial ratings
│ ├── Stage2Form.tsx # Heart ratings (2-4 hrs)
│ ├── Stage3Form.tsx # Final ratings (4+ hrs)
│ ├── TextReviewInput.tsx # Text review with char counter
│ ├── InProgressReviews.tsx # List of incomplete reviews
│ ├── CompletedReviews.tsx # List of finished reviews
│ └── ReviewDetailView.tsx # Full review display
│
├── settings/
│ ├── SettingsView.tsx # Main settings page
│ ├── WeightCustomizer.tsx # Rating weight sliders
│ └── AppPreferences.tsx # Bluesky client selection
│
└── shared/
├── StarRating.tsx # Reusable star input component
├── CountdownTimer.tsx # Stage unlock countdown
└── LoadingSpinner.tsx # Loading state
Component Responsibilities#
See User Flows for detailed interaction patterns.