CampusNet UI

Une application de réseau social universitaire privé construite avec Flutter.

🎯 Description

CampusNet est une application mobile de réseau social communautaire universitaire fonctionnant exclusivement sur réseau local (LAN), sans connexion Internet requise. Cette version est un prototype UI complet avec des données mockées.

✨ Fonctionnalités

• Authentification : Splash screen, onboarding, login, register
• Feed d'accueil : Publications avec filtres (Tout, Important, Annonces)
• Communautés : Navigation entre communautés publiques et privées
• Messages : Liste de conversations avec statut en ligne et badges non lus
• Événements : Événements à venir, inscrits, et passés avec système de notation
• Profil : Profil utilisateur avec statistiques et changement de thème

🎨 Design System

Couleur Signature

• Amber Universitaire : #E6A23C - La couleur signature omniprésente de CampusNet

Thèmes

• Thème Sombre (par défaut) : Fond #0E1621 avec accents Amber
• Thème Clair : Fond #F5F7FA avec accents Amber foncé

Typographie

• Titres : Poppins (Bold, SemiBold, Medium)
• Corps : Inter (Regular, Medium)

🚀 Installation

Prérequis

• Flutter SDK (>=3.0.0)
• Dart SDK
• Android Studio / VS Code avec extensions Flutter

Étapes

1. Cloner le repository

git clone <repository-url>
cd campusnet_ui

2. Installer les dépendances

flutter pub get

3. Lancer l'application

flutter run

📦 Dépendances Principales

• flutter_riverpod : Gestion d'état
• go_router : Navigation
• google_fonts : Typographie (Poppins, Inter)
• lucide_icons : Icônes modernes
• flutter_animate : Animations
• intl : Formatage de dates

📱 Screens Implémentés

Authentification

• ✅ Splash Screen avec animation
• ✅ Onboarding (3 pages)
• ✅ Login
• ✅ Register avec sélection de rôle
• ✅ Forgot Password

App Principale

• ✅ Home Feed avec filtres
• ✅ Communities (Mes communautés / Découvrir)
• ✅ Messages avec conversations
• ✅ Events (À venir / Mes événements / Passés)
• ✅ Profile avec stats et thème toggle

🎨 Identité Visuelle

L'application suit une identité visuelle forte et reconnaissable :

• Bottom Navigation Bar : 72px de hauteur avec indicateur Amber
• Boutons Primaires : Gradient Amber avec ombres et animations
• Cards : Border radius 16px avec élévations subtiles
• Inputs : Focus border Amber 2px avec animations
• Badges : Amber pour "Important", Teal pour "Privé"

📂 Structure du Projet

lib/
├── core/
│   ├── constants/      # Spacing, radius, shadows, animations
│   ├── layout/         # MainLayout avec bottom nav
│   ├── router/         # Configuration GoRouter
│   └── theme/          # Colors, typography, themes
├── data/
│   ├── models/         # User, Post, Community, Message, Event
│   └── mocks/          # Mock data repository
├── features/
│   ├── auth/           # Authentication screens
│   ├── communities/    # Communities screens & widgets
│   ├── events/         # Events screens & widgets
│   ├── home/           # Home feed & post cards
│   ├── messages/       # Messages & conversations
│   └── profile/        # User profile
└── shared/
    └── widgets/        # CampusButton, CampusInput

🎯 Données Mockées

Toutes les données sont mockées dans lib/data/mocks/mock_data.dart :

• 7 utilisateurs fictifs
• 6 communautés (publiques et privées)
• 6 publications avec interactions
• 5 conversations
• 6 événements (à venir et passés)

🌙 Changement de Thème

Le thème peut être changé depuis l'écran Profile via le switch "Thème sombre". Le thème est géré globalement avec Riverpod.

📝 Notes

• Aucun backend : Toutes les interactions sont simulées
• Données éphémères : Les changements sont perdus au redémarrage
• Navigation complète : Tous les écrans sont accessibles via la bottom nav
• Animations fluides : Transitions de 250ms avec easing harmonieux

🎨 Palette de Couleurs Complète

Dark Theme

• Primary: #0B1C2D
• Accent: #E6A23C (Amber Signature)
• Secondary: #1FA6A0 (Teal)
• Background: #0E1621
• Surface: #141F2E

Light Theme

• Primary: #0B1C2D
• Accent: #D97706 (Amber Dark)
• Secondary: #0D9488
• Background: #F5F7FA
• Surface: #FFFFFF

📄 License

Ce projet est un prototype UI éducatif.

---

Développé avec ❤️ et Flutter