50 lines
1.1 KiB
Plaintext
50 lines
1.1 KiB
Plaintext
========================================
|
|
IMAGE UPLOAD - QUICK START
|
|
========================================
|
|
|
|
✅ ALL FILES CREATED LOCALLY - READY TO USE!
|
|
|
|
## ACTIVATE IN 3 STEPS:
|
|
|
|
1. RUN MIGRATION:
|
|
Double-click: D:\Hosted\familyhub\APPLY_IMAGE_MIGRATION.bat
|
|
|
|
This adds database columns:
|
|
- users.avatar_url
|
|
- chores.image_url
|
|
|
|
2. RESTART BACKEND:
|
|
Double-click: D:\Hosted\familyhub\restart_backend.bat
|
|
|
|
3. RESTART FRONTEND:
|
|
In terminal: Ctrl+C then npm run dev
|
|
|
|
## WHAT YOU CAN DO:
|
|
|
|
✅ Upload avatars in Settings
|
|
✅ Upload chore images in Edit Chore
|
|
✅ See avatars on chore cards
|
|
✅ See initials if no avatar
|
|
✅ Delete images
|
|
|
|
## FILES CREATED:
|
|
|
|
Backend:
|
|
✅ app/api/v1/uploads.py
|
|
✅ migrations/003_add_image_fields.py
|
|
✅ Models & schemas updated
|
|
|
|
Frontend:
|
|
✅ src/api/uploads.ts
|
|
✅ src/components/AvatarUpload.tsx
|
|
✅ src/components/ChoreImageUpload.tsx
|
|
✅ ChoreCard, EditChoreModal, Settings updated
|
|
|
|
## TEST IT:
|
|
|
|
1. Login → Settings → Upload Avatar
|
|
2. Login → Edit Chore → Upload Image
|
|
3. See images on chore cards!
|
|
|
|
========================================
|