Architecture:
- Types TypeScript complets pour toutes les entités
- Service API avec axios et intercepteurs JWT
- AuthContext pour gestion authentification
- Router avec routes protégées (login, dashboard)
Composants:
- Login: page de connexion avec formulaire
- Dashboard: page principale avec 3 colonnes (notes, todos, rss)
- Affichage conditionnel articles vs résumés RSS
- Gestion todos en temps réel
- Design moderne et responsive
Configuration:
- Vite avec proxy API vers backend (:3000)
- Build vers /public-react
- Configuration TypeScript stricte
- CSS moderne avec variables et responsive
Features:
- Authentication complète
- Notes affichées en grille
- Todos sidebar avec CRUD
- RSS sidebar avec articles ou résumés
- Protection des routes
- UX fluide et moderne
- Création du dossier client/ avec Vite
- Configuration React 19 + TypeScript 5.9
- Installation react-router-dom pour le routing
- Installation axios pour les appels API
- Structure de dossiers: types, services, components, contexts, hooks, pages, utils
- Configuration ESLint + TypeScript
- Prêt pour la conversion de l'application
Claude