initial commit
This commit is contained in:
51
docs/front-end-spec/next-steps.md
Normal file
51
docs/front-end-spec/next-steps.md
Normal file
@@ -0,0 +1,51 @@
|
||||
# Next Steps
|
||||
|
||||
## Immediate Actions
|
||||
|
||||
1. Générer les maquettes haute-fidélité (v0, Lovable, ou Figma)
|
||||
2. Setup le projet avec shadcn/ui et configurer le thème
|
||||
3. Implémenter le Layout principal (sidebar + header)
|
||||
4. Développer le Dashboard avec widgets mockés
|
||||
|
||||
## Design Handoff Checklist
|
||||
|
||||
- [x] All user flows documented
|
||||
- [x] Component inventory complete
|
||||
- [x] Accessibility requirements defined
|
||||
- [x] Responsive strategy clear
|
||||
- [x] Brand guidelines incorporated
|
||||
- [x] Performance goals established
|
||||
|
||||
## Prompt v0.dev (Dashboard)
|
||||
|
||||
```
|
||||
Create a dark mode dashboard for a Dofus MMORPG character management app called "Dofus Manager".
|
||||
|
||||
Layout:
|
||||
- Left sidebar (240px) with navigation: Dashboard (active), Characters, Accounts, Teams, Settings
|
||||
- Main content area with widgets grid
|
||||
|
||||
Widgets (3 columns on desktop):
|
||||
1. "Comptes" card: showing "12 comptes" and "45,230 ogrines" with folder icon
|
||||
2. "Personnages" card: showing "64 personnages" and "Niv. moy: 198" with users icon
|
||||
3. "Teams" card: showing "3 actives" and "87% complete" with swords icon
|
||||
4. "Monnaies" card (spans 2 cols): list of currencies with amounts
|
||||
5. "Progressions" card: progress bars for Dofus, Donjons, Recherchés
|
||||
6. "Actions rapides" section: buttons for + Personnage, + Team, Bulk Progressions, Sync
|
||||
|
||||
Style: shadcn/ui, dark slate background (#0F172A), blue primary (#60A5FA), Inter font 14px
|
||||
```
|
||||
|
||||
## Prompt v0.dev (Liste Personnages)
|
||||
|
||||
```
|
||||
Create a character list page for "Dofus Manager" with filters sidebar.
|
||||
|
||||
Layout:
|
||||
- Left filter sidebar (250px): Classe checkboxes, Serveur checkboxes, Progression filter
|
||||
- Main data table: checkbox, Nom, Classe, Niveau, Serveur, Compte columns
|
||||
- Top bar: search input, bulk actions when selected, + Ajouter button
|
||||
- Pagination at bottom
|
||||
|
||||
Style: Dark mode, shadcn/ui, dense table rows (48px height), hover shows edit/delete icons
|
||||
```
|
||||
Reference in New Issue
Block a user