TontiCampus est une application web qui permet aux étudiants de financer leurs projets professionnels grâce à un système de tontine numérique. La plateforme vise à structurer et sécuriser la gestion de tontines étudiantes dans un cadre collaboratif et transparent.
- React.js (ou Next.js pour un rendu côté serveur)
- Tailwind CSS (pour un design moderne et rapide à intégrer)
- TypeScript (fortement recommandé pour la robustesse du code)
- Node.js avec Express.js (léger, rapide à mettre en place)
- JWT pour la gestion de l'authentification
- MySQL via phpMyAdmin
- Hébergée en local ou sur un serveur distant (XAMPP, WAMP, etc.)
OpenInnov/
│
├── tanticampus(frontend)/ # App React (ou Next.js)
│ ├── pages/
│ ├── components/
│ └── ...
│
├── server/ # API Express.js
│ ├── routes/
│ ├── controllers/
│ ├── models/
│ └── ...
│
└── README.md
- Node.js ≥ 18
- MySQL ≥ 8
- phpMyAdmin (via XAMPP, WAMP, etc.)
- Cloner le projet
git clone https://github.com/username/tonticampus.git
cd tonticampus- Configurer
.envDans/backend:
DB_HOST=localhost
DB_PORT=3306
DB_USER=root
DB_PASSWORD=ton_mot_de_passe
DB_NAME=tonticampus_db
JWT_SECRET=tonsecret- Créer la base de données
Dans phpMyAdmin, crée une base appelée
tanticampus25.
Tu peux aussi exécuter un script SQL pour créer les tables (on peut le générer si tu veux).
- Installer les dépendances
cd frontend && npm install
cd ../backend && npm install- Lancer l'application
# Lancer le backend
cd server
node api.js
# Lancer le frontend
cd tanticampus
npm start- Inscription / Connexion avec email + mot de passe
- Profil utilisateur (nom, email, statut étudiant)
- Token JWT pour sécuriser les routes
- Création de tontines (montant, fréquence, règles)
- Ajout / validation de membres
- Vue d'ensemble d'une tontine (participants, statut)
- Historique de participation
- Liste des tontines en cours / passées
- Statut des contributions
- Notifications des échéances
- Forum simplifié (catégories, messages)
- Section mentorat (profils d’accompagnants)
- Automatisation des paiements
- Gestion des litiges
- Application mobile
- Notifications en temps réel