SNAPCHOC

Application mobile de messagerie éphémère inspirée de Snapchat
Projet réalisé en binôme – Durée : 1 semaine

---

Objectif

Développer une application mobile moderne permettant d'envoyer et de recevoir des photos temporaires entre amis, avec les fonctionnalités suivantes :

• Authentification
• Gestion de profil et d'amis
• Envoi et réception de snaps
• Interface claire et responsive

---

Technologies utilisées

• React Native (Expo) avec TypeScript
• Expo Router
• Expo Camera
• Expo Secure Store
• Expo Image Picker
• NativeWind (Tailwind CSS)
• API REST (fournie)

---

Prérequis

Avant de commencer, assurez-vous d'avoir installé :

• Node.js (version 16 ou supérieure)
• npm ou yarn
• Expo CLI : npm install -g @expo/cli

Pour tester sur appareils :

• Expo Go app sur votre téléphone (iOS/Android)
• OU Android Studio pour émulateur Android
• OU Xcode pour simulateur iOS (macOS uniquement)

---

Installation

1. Clonez le projet et naviguez dans le dossier :

git clone <url-du-repo>
cd Snapchat-Styven

2. Installez les dépendances :

npm install

3. Démarrez le serveur de développement :

npm start

---

Lancement du projet

Option 1 : Sur votre téléphone

1. Téléchargez l'application "Expo Go" sur votre téléphone
2. Lancez npm start dans le terminal
3. Scannez le QR code affiché avec l'app Expo Go

Option 2 : Sur émulateur/simulateur

# Pour Android
npm run android

# Pour iOS (macOS uniquement)
npm run ios

# Pour le web
npm run web

Scripts disponibles

• npm start : Démarre le serveur de développement Expo
• npm run android : Lance sur émulateur Android
• npm run ios : Lance sur simulateur iOS
• npm run web : Lance dans le navigateur web
• npm run lint : Vérifie la qualité du code
• npm run reset-project : Remet le projet à zéro

---

Structure du projet

app/                           # Pages de l'application (Expo Router)
├── (auth)/                   # Pages d'authentification
│   ├── Login.tsx             # Page de connexion
│   ├── Profil.tsx            # Page de profil
│   └── Register.tsx          # Page d'inscription
├── (modals)/                 # Modales
│   ├── AddFriends.tsx        # Modale ajout d'amis
│   ├── SendSnap.tsx          # Modale envoi de snap
│   └── SnapsRecusModal.tsx   # Modale snaps reçus
├── (tabs)/                   # Navigation par onglets
│   ├── _layout.tsx           # Layout des onglets
│   ├── camera.tsx            # Onglet caméra
│   └── messagerie.tsx        # Onglet messagerie
├── _layout.tsx               # Layout principal
├── +not-found.tsx            # Page 404
└── index.tsx                 # Page d'accueil

components/                   # Composants réutilisables
├── ui/                      # Composants UI spécialisés
└── ...                      # Autres composants

assets/                      # Ressources statiques
├── fonts/                   # Polices personnalisées
└── images/                  # Images et icônes

constants/                   # Constantes de l'app
hooks/                       # Hooks personnalisés
scripts/                     # Scripts utilitaires
src/                         # Styles CSS (Tailwind)

---

Fonctionnalités

• Authentification (connexion/inscription)
• Gestion de profil utilisateur
• Ajout et gestion d'amis
• Prise de photo avec la caméra
• Envoi de snaps avec timer
• Réception et visualisation de snaps
• Interface moderne et responsive

---