📱 Clone Pinterest

pinterest_video.mp4

📌 Objectif

Une application mobile qui affiche des images provenant de l'API Pixabay dans une mise en page de type mansory (grille irrégulière) utilisant FlashList. L'application permet aux utilisateurs de parcourir, rechercher, filtrer et partager des images de haute qualité.

🎯 Fonctionnalités principales

• Affichage Mansory : Présentation des images dans une grille FlashList irrégulière et optimisée
• Catégories : Navigation par catégories d'images
• Filtres : Application de différents filtres pour affiner les résultats
• Recherche : Recherche d'images via une barre de recherche
• Modal détaillé : Affichage des détails d'image dans un BottomSheetModal avec effet de flou en arrière-plan
• Navigation facilitée : Bouton de retour en haut qui apparaît lors du défilement
• Actualisation : Possibilité de rafraîchir la liste d'images
• Mode focus : Visualisation des images en plein écran
• Téléchargement : Sauvegarde des images dans la galerie de l'appareil
• Partage social : Partage des images sur différentes plateformes et réseaux sociaux

⚙️ Technologies utilisées

L'application est développée avec :

• React Native via Expo pour une expérience fluide et performante
• Pixabay pour l'authentification et la gestion des données en temps réel
• Reanimated pour des animations fluides et optimisées
• Skia pour le rendu graphique haute performance et les effets visuels avancés

📦 Bibliothèques principales

Voici un aperçu des dépendances utilisées dans le projet :

🏗️ Technologies utilisées

• @expo/vector-icons - Icônes pour l'interface utilisateur
• @gorhom/bottom-sheet - Modales de type bottom sheet
• @shopify/flash-list - Liste performante pour l'affichage d'un grand nombre d'items
• expo-blur - Effets de flou
• expo-sharing - Fonctionnalités de partage
• react-native-reanimated - Animations fluides
• @shopify/react-native-skia - Graphiques et rendus performants
• expo-media-library - Accès à la galerie photos
• react-native-toast-message - Notifications toast pour l'interface utilisateur

🚀 Comment démarrer ?

1️⃣ Cloner le projet

git clone https://github.com/VirtuozTM/wallpaper-app.git

cd nom-du-projet

2️⃣ Installer les dépendances

npm install

3️⃣ Lancer l'application en mode développement

expo start

📌 Astuce : Utilisez l'application Expo Go sur votre téléphone pour tester immédiatement l'application !

📬 Contact

Si vous avez des questions ou suggestions, n'hésitez pas à me contacter ! 😊

Armand PETIT

🖥️ Développeur React Native

📧 armand_petit@outlook.fr

📅 Réserver un appel