SwipeLive était une application mobile innovante de live shopping, permettant aux vendeurs de présenter leurs produits en direct et aux acheteurs d'interagir et d'acheter en temps réel. Le projet combinait l'expérience immersive du streaming en direct avec la simplicité du commerce électronique.

État du projet : Application fonctionnelle, levée de fonds signée (250k €), projet arrêté stratégiquement avant l'utilisation des fonds suite à l'arrivée de TikTok Shop en France.

• Backend : API RESTful & WebSocket développée avec Symfony 6.4 (github.com/juuulienr/swipelive)
• Frontend mobile : Application développée avec Capacitor et Vue.js 3 (github.com/juuulienr/swipelive-app)

• Streaming vidéo en direct avec Agora
• Authentification via Firebase (Google, Apple, Facebook)
• Paiements intégrés avec Stripe
• Communication en temps réel avec Pusher
• Interface utilisateur native iOS et Android
• Géolocalisation avec Google Maps
• Système de likes et de commentaires
• Gestion de panier d'achat
• Notifications push
• Mode hors ligne
• Support multilingue

• Vue.js 3
• Capacitor 6
• Firebase Authentication
• Agora SDK
• Stripe SDK
• Pusher
• Google Maps API
• Vite
• Pinia (State Management)

• Node.js (version LTS recommandée)
• Xcode (pour iOS)
• Android Studio (pour Android)
• JDK 17 (pour Android)
• CocoaPods (pour iOS)

1. Cloner le repository

git clone [url-du-repo]
cd swipelive-app

2. Installer les dépendances

npm install

3. Configuration des variables d'environnement

1. Mettre à jour le Podfile :

post_install do |installer|
    installer.pods_project.targets.each do |target|
        target.build_configurations.each do |config|
            config.build_settings['DEBUG_INFORMATION_FORMAT'] = 'dwarf-with-dsym'
            config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '15.0'
            if target.respond_to?(:product_type) and target.product_type == "com.apple.product-type.bundle"
                config.build_settings['CODE_SIGNING_ALLOWED'] = 'NO'
            end
        end
    end
end

1. Configurer gradle.properties :

org.gradle.jvmargs=-Xmx2048m
android.useAndroidX=true
android.enableJetifier=true
kotlin.code.style=official

2. Mettre à jour AndroidManifest.xml :

• Ajouter android:exported="true" aux balises <activity> et <receiver> appropriées

• npm run dev : Démarre le serveur de développement
• npm run build : Build le projet et synchronise avec Capacitor
• npm run ios : Build et ouvre le projet dans Xcode
• npm run ios-debug : Build et lance sur un appareil iOS connecté
• npm run ios-emulator : Build et lance dans le simulateur iOS
• npm run android : Build et ouvre le projet dans Android Studio
• npm run android-device : Build et lance sur un appareil Android connecté

swipelive-app/
├── src/                # Code source Vue.js
│   ├── assets/        # Ressources statiques
│   ├── components/    # Composants Vue
│   ├── views/         # Pages de l'application
│   ├── stores/        # State management (Pinia)
│   ├── router/        # Configuration des routes
│   └── utils/         # Utilitaires
├── public/            # Fichiers publics
├── ios/               # Configuration iOS native
├── android/           # Configuration Android native
└── capacitor.config.json  # Configuration Capacitor

• Authentification sécurisée via Firebase
• Paiements sécurisés via Stripe
• Chiffrement des données sensibles
• Protection contre les attaques XSS
• Validation des entrées utilisateur

Ce projet est sous licence MIT - voir le fichier LICENSE pour plus de détails.