Machine Translated by Google

BookAir - Fichier d'aide de l'application de réservation de vols

Auteur : Agence Pixelative

Merci d'avoir acheté notre produit. Si vous avez des questions/commentaires, n'hésitez pas
à nous envoyer un message.

Description du produit

BookAir vise à simplifier les voyages et a été conçu pour vous permettre de rechercher des vols ou

finalisez votre réservation de vol en quelques clics. L'expérience de réservation est transparente et rapide

avec nous.

Notre flux de recherche est très facile à utiliser et est conçu sur

le principe de la meilleure découverte de vol de Skyscanner.

• Entrez depuis et vers la ville/l'aéroport

• Sélectionnez la date du voyage

• Choisissez le nombre de voyageurs et lancez la recherche

Vous serez dirigé vers une liste de recherche de tous les vols disponibles

avec les moins chers en haut. Vous pouvez filtrer davantage votre recherche

en choisissant des préférences et des filtres tels que l'heure, la durée, le

nombre d'arrêts et

compagnies aériennes.

La réservation de billets d'avion ou la planification de votre voyage sont

simplifiées grâce à nos options aller-retour et multi-villes. Lorsque vous appuyez sur Entrée, votre page de liste de recherche affiche les

résultats pour l'aller et le retour dans un format d'écran partagé vous permettant de choisir des vols en une seule fois pour un aller-

retour. L'écran des détails du billet affiche une liste d'itinéraires complets avec tous les arrêts multi-villes, ce qui vous évite d'avoir à

calculer le temps, les transferts et les escales, vous permettant de terminer votre réservation de vol en ligne.
Machine Translated by Google

Principales caractéristiques

1. Éclabousser avec votre logo 2.

Flux d'animation de visite virtuelle personnalisable 3. Écran de la barre d'onglets

d'accueil avec un support de conception incroyable 4. Recherche complète avec un flux de vol

5. Flux de recherche d'emplacement

6. Rechercher le flux de devises 7.

Sélection des dates de réservation avec une vue de calendrier conviviale

8. Flux de sélection des cabines et des voyageurs

9. Écran de vols recherchés accrocheur avec prise en charge des filtres 10. Filtre par

compagnies aériennes, cabines et prise en charge de la durée 11. Écran de détail du vol

avec toutes les informations nécessaires 12. Prise en charge de l'écran de notification

13. Prise en charge de l'écran de la liste réservée et de la liste

de surveillance 14. Écran des paramètres avec toutes les principales options et flux

15. Inscription et connexions 16. Support bien sur iOS et Android.

17. Personnalisation facile pour votre marque.

18. Construisez la prise en charge de l'application via react-native-cli

19. Mises à jour régulières des fonctionnalités et correction de bogues gratuite

Commencer
Configuration requise

Nous vous recommandons de lire ce guide pour configurer l'environnement de développement. Veuillez
suivre le lien suivant : https://reactnative.dev/docs/environment-setup

Pour fournir la meilleure application axée sur les performances et l'amélioration, nous avons construit BookAir via

réagir-natif-cli. Ne vous inquiétez pas si cela ne vous est pas familier, car il vous suffit de suivre quelques étapes pour voir votre application

s'exécuter après avoir configuré l'environnement de développement.

Machine Translated by Google

Autres liens recommandés pour obtenir de l'aide si quelque chose n'est pas trouvé/manquantÿ:

Nœud : https://nodejs.org/en/download

Studio Android : https://developer.android.com/studio/install

Émulateur Androidÿ: https://developer.android.com/studio/run/managing-avds#createavd

Xcodeÿ: https://apps.apple.com/us/app/xcode/id497799835?mt=12

Cocoapodsÿ: https://guides.cocoapods.org/using/getting-started.html

VS Code : https://code.visualstudio.com/

Remarque : Nous vous recommandons d'utiliser VSCode pour explorer le projet, modifier et exécuter des commandes.

Installation

Extrayez le code source du projet dans votre espace de travail. Allez dans le dossier racine du BookAir

code source.

Configuration iOS (Mac OS uniquement)

Ouvrez VSCode et ouvrez le répertoire du projet. Ouvrez le terminal intégré VSCode et exécutez les commandes suivantesÿ:

// Installez les dépendances du projet dans le dossier local node_modules.

installation npm

// Installer les dépendances/pods liés à iOS

// Aller dans le dossier source iOS

cd ios/

// Installer les pods

Machine Translated by Google

installation du module

// Revenir au dossier racine

cd ..

// Construire et exécuter l'application

run-ios réactifs natifs

Pour exécuter tout ce qui précède en une seule étape, veuillez exécuter le script suivantÿ:

npm install && cd ios/ && pod install && cd .. && react-native run-ios

Si vous obtenez une erreur liée au simulateur, veuillez vous rendre dans le répertoire ios et ouvrir "BookAir.xcworkspace". Une fois que

Xcode a terminé le traitement, cliquez sur l'icône d'exécution pour créer l'application sur le simulateur.

Configuration Androïd

Ouvrez VSCode et ouvrez le répertoire du projet. Ouvrez le terminal intégré VSCode et exécutez les commandes suivantes.

// Installez les dépendances du projet dans le dossier local node_modules.

installation npm

// Construire et exécuter l'application

réagir-native run-android

Pour exécuter tout ce qui précède en une seule étape, veuillez exécuter le script suivantÿ:

npm install && react-native run-android

Si vous obtenez des erreurs liées à l'émulateur. Veuillez exécuter l'application Android studio et ouvrir le projet en sélectionnant l'option

de projet existant (bookAir/android). Une fois que le studio Android a terminé le traitement, cliquez sur l'icône d'exécution pour créer

l'application sur l'émulateur.

Machine Translated by Google

Personnaliser l'image de marque

ÿ Modification des couleurs de la palette de thèmesÿ: le thème BookAir est très unique, mais vous pouvez le

modifier en conséquence. Pour ce faire, il vous suffit de modifier les couleurs PRIMARY, SECONDARY et

PRIMARY_DARK dans le fichier root/util/colors.ts .

ÿ Changer l'icône de l'application iOS : Nous vous recommandons de vérifier le lien suivant pour une meilleure

comprendre
https://developer.apple.com/tutorials/mac-catalyst/updating-the-app-icon
ÿ Changer l'icône de l'application Android : Nous vous recommandons de vérifier le lien suivant pour une meilleure
comprendre
https://developer.android.com/codelabs/basic-android-kotlin-training-change-app-icon#
0

ÿ Changer l'icône de l'application Android : Nous vous recommandons de vérifier le lien suivant pour une meilleure

comprendre

https://developer.android.com/codelabs/basic-android-kotlin-training-change-app-icon#

0
Machine Translated by Google

6
ÿ Colors.ts : Les couleurs de BookAir sont gérées et facilement modifiables. [REMARQUEÿ: Vous devrez peut-

être modifier/mettre à jour certaines couleurs d'éléments d'image SVG pour qu'elles correspondent à votre thème

ÿ Compréhension des données : L'objectif principal de BookAir est de pouvoir rechercher, suivre et

réserver des vols. Pour fournir des données précises et en temps réel, nous avons utilisé les API Skyscanners.

Skyscanner fournit un contenu mondialisé et une couverture localisée à plus de 250 partenaires à travers le monde.

Pour utiliser la combinaison de vol de Skyscanner, vous devez obtenir une clé API à partir du lien suivant (https://

partners.skyscanner.net/contact) et remplacez-le par SKY_SCANNER_API_KEY dans root/util/constants.ts.

Certaines des API principales/requises sont déjà implémentées dans BookAir. Vous pouvez les modifier ou les

améliorer en conséquence.

Conseils d'utilisationÿ: https://www.partners.skyscanner.net/usage-guidelines-api

Machine Translated by Google

sept

API actuellement utiliséesÿ:

1. Recherche de lieux/emplacementÿ: https://skyscanner.github.io/slate/#list-of-places 2. Recherche de

devises : https://skyscanner.github.io/slate/#currenci 3. Recherche de prix en direct : https://

skyscanner.github.io/slate/#flights-live-prices 4. Recherche de devisÿ: https://skyscanner.github.io/slate/

#browse-quotes 5. Recherche de marché : https://skyscanner.github.io/slate/#markets

Remarqueÿ: Toutes les autres API telles que les notifications, la liste de surveillance et la liste des vols réservés sont

factices et récupèrent les données de notre serveur uniquement pour démontrer l'utilisation afin que vous puissiez les

utiliser en conséquence.
Machine Translated by Google

Compréhension de l'arborescence du projet

ÿ Dossier racine : bookair

ÿ Dossier Images et polices : bookair/assets ÿ

Dossier Application IOS / Projet Xcode : bookair/ios ÿ Dossier

Application Android / Projet Studio : bookair/android ÿ Dossier de

navigation React : bookair/navigation ÿ Dossier Redux, Saga, Persistence :

bookair/store ÿ Dossier Global Components, Colors, Constants et Utility :

bookair/util ÿ Fichier d'application : bookair/App.tsx

ÿ Dossier d'implémentation du codageÿ: bookair/src

ÿ Dossier d'implémentation des terminaux réseau et de l'APIÿ: bookair/src/network ÿ

Implémentation des ongletsÿ: bookair/src/tabs

ÿ Dossier Structs et Models : bookair/src/model
Machine Translated by Google
Machine Translated by Google

dix

Entrer en contact

ÿ Profil de l'entreprise : https://

pixelative.co/ ÿ Contact : contact@pixelative.co