Application REACT JS permettant aux diplomés de l'INP-HB de Yamoussoukro, Côte d'Ivoire de rendre des témoignages afin d'inspirer les générations à véenir.
# 🎓 INP-HB Stories - Full-Stack Application
Une application web moderne avec communication temps réel pour permettre aux étudiants et anciens de l'INP-HB de partager leurs témoignages.
## 📦 Stack Technique
### Backend
- **Node.js** + **Express** - Serveur API REST
- **TypeScript** - Typage statique
- **MongoDB** + **Mongoose** - Base de données NoSQL
- **Socket.IO** - Communication temps réel
- **JWT** - Authentification sécurisée
- **bcryptjs** - Hashage des mots de passe
### Frontend
- **React 18** + **TypeScript** - Interface utilisateur
- **Vite** - Build tool ultra-rapide
- **Tailwind CSS** - Framework CSS moderne
- **Socket.IO Client** - Communication temps réel
- **Axios** - Requêtes HTTP
- **React Hot Toast** - Notifications
- **Lucide React** - Icônes
## 🏗️ Architecture du Projet
```
inphb-stories-fullstack/
├── backend/ # API Backend
│ ├── src/
│ │ ├── models/ # Modèles MongoDB (User, Testimonial, Comment)
│ │ ├── controllers/ # Logique métier
│ │ ├── routes/ # Routes API REST
│ │ ├── middleware/ # Middlewares (auth, errors)
│ │ ├── config/ # Configuration (database)
│ │ ├── types/ # Types TypeScript
│ │ └── server.ts # Point d'entrée + Socket.IO
│ ├── .env.example # Variables d'environnement
│ ├── tsconfig.json # Configuration TypeScript
│ └── package.json
│
└── frontend/ # Application Frontend
├── src/
│ ├── components/ # Composants React
│ │ ├── auth/ # Composants d'authentification
│ │ ├── testimonials/ # Composants de témoignages
│ │ ├── comments/ # Composants de commentaires
│ │ └── common/ # Composants réutilisables
│ ├── contexts/ # React Context (Auth, Socket)
│ ├── hooks/ # Custom hooks
│ ├── services/ # Services API et Socket.IO
│ ├── types/ # Types TypeScript
│ ├── utils/ # …