a a vibe-coded abomination experiment of a fragrance review platform built on the atmosphere. drydown.social

Component Structure#

Related Documents:

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.