Application mobile : Restaurant Ionic Classy – Application complète avec backend Firebase

0
122
Restaurant Ionic Classy - Application complète avec backend Firebase - 1

Voir la démoAcheter $23

Télécharger le script

Quoi de neuf dans la version 1.2:

Intégration avec Facebook: messages, événements et albums d’une page Facebook affichés dans l’application

Quoi de neuf dans la version 1.1:

Image d’arrière-plan différente pour chaque carte de catégorie de menu sur l’écran d’accueil

Restaurant Classy est une solution complète qui se compose d’une application mobile et d’un puissant backend de contenu avec des mises à jour de données. Il répond aux besoins de tout restaurant d’afficher son menu et de recevoir les commandes des clients. L’application fournit une interface utilisateur simple qui aide les clients à naviguer dans les catégories de menu, à passer des commandes et à passer à la caisse. L’application Restaurant Classy est livrée avec un pack de fonctionnalités utiles telles que les favoris, les offres spéciales et les commandes personnalisées.

En un mot

L’outil ultime pour créer une application mobile pour votre restaurant, prenant en charge les offres, présentant des produits et plus encore. Effort de configuration minimal, aucun code requis.

Restaurant Ionic Classy - Application complète avec backend Firebase - 2Pourquoi choisir Restaurant Classy

  • Aucune connaissance du code ou développement technologique requis
  • Interface propre et conviviale
  • Structure hautement personnalisable, avec architecture modulaire
  • Installation facile, guide de démarrage rapide détaillé
  • Données facilement maintenables via l’interface utilisateur graphique Firebase
  • Mises à jour gratuites: de nouvelles fonctionnalités ajoutées en permanence
  • Une base de code compatible avec Android et iOS
  • Support rapide et efficace

Demande de fonctionnalité

Aidez-nous à améliorer cette application d’une manière absolument logique. Suggérez la prochaine fonctionnalité que vous aimeriez voir implémentée. Nous prenons les suggestions très au sérieux.

Démo

Android .APK

  • Android APK v1.2

Aperçu sur iOS et Android – Ionic View

  • Téléchargez l’application Ionic View (http://view.ionic.io)
  • Utilisez l’ID d’application 15675b47

Remarque: Certaines fonctionnalités ne sont pas entièrement fonctionnelles pour la prévisualisation sur Ionic View. Surtout, ceux qui ont besoin de lancer une autre application de l’appareil comme «Find us» qui lance l’application Google Maps de l’appareil.

Restaurant Ionic Classy - Application complète avec backend Firebase - 3

Caractéristiques

1. Intégration avec Firebase pour la gestion du backend

Restaurant Ionic Classy - Application complète avec backend Firebase - 4
L’application Restaurant Classy est fournie avec une solution puissante et flexible de gestion du backend, en s’intégrant à Firebase. Firebase est une plate-forme pour votre application mobile ou Web, grâce à laquelle vous pouvez alimenter le backend de votre application, y compris le stockage de données, l’authentification des utilisateurs, l’hébergement statique, etc.
Firebase fournit une expérience utilisateur de base pour créer et modifier vos données.L’application Restaurant Classy lit les données d’une base de données Firebase et les rend facilement accessibles à tous les utilisateurs de l’application. Deux excellents choix réunis pour faciliter la synchronisation et la maintenance des données. Dès que l’URL de votre projet Firebase est définie, l’application traite le contenu de manière dynamique.

2. Écran d’accueil

Restaurant Ionic Classy - Application complète avec backend Firebase - 5
L’écran d’accueil de Restaurant Classy affiche les catégories de menu, la carte de localisation et les heures d’ouverture du restaurant, le tout disponible en un seul clic. Le diaporama de l’écran d’accueil peut promouvoir de nombreux produits et offres spéciales en fonction des besoins du restaurant.

3. Présentation du menu et personnalisation du produit

Restaurant Ionic Classy - Application complète avec backend Firebase - 6
Les catégories de menu sont affichées sous forme de carte avec un titre et une vignette. Les éléments de menu peuvent être organisés en catégories avec un titre, une vignette et un prix. L’écran du produit fournit des informations supplémentaires, notamment:

  • Prix
  • La description
  • Un diaporama d’images
  • Un « bouton favori »
  • Un bouton «Ajouter au panier»
  • Un bouton « Ajout rapide au panier »

Les produits peuvent être affichés avec des options de base et supplémentaires pour permettre aux utilisateurs de choisir en fonction de leurs préférences.

4. Panier d’achat

Restaurant Ionic Classy - Application complète avec backend Firebase - 7
Le restaurant Classy est livré avec un panier entièrement fonctionnel. L’utilisateur peut entièrement personnaliser sa commande et:

  • Ajouter ou supprimer des ingrédients
  • Sélectionnez des options supplémentaires
  • Sélectionnez l’option taille / prix du produit
  • Choisissez la quantité avant d’ajouter un article dans leur panier ou ajoutez-le rapidement à leur panier en un seul clic sans avoir besoin de définir une quantité (la quantité par défaut est de 1 article)

Une liste agrégée des articles commandés est détaillée et présentée accompagnée des prix sous-totaux et totaux. Le changement de quantité et le retrait des articles du panier sont également une option.

5. Modes de livraison

Restaurant Ionic Classy - Application complète avec backend Firebase - 8
Deux modes de livraison sont disponibles:

  • Livraison à domicile: l’Utilisateur a la possibilité de placer ses données personnelles et de soumettre sa commande à l’adresse e-mail du restaurant.
  • À emporter: une épingle sur la carte indique l’emplacement exact du restaurant ainsi que l’adresse du restaurant. De plus, un bouton de confirmation envoie les détails de la commande à l’adresse e-mail de l’utilisateur.
  • Dine in: Cette option peut être utilisée facilement par tout employé du restaurant ou par les clients qui souhaitent passer leur commande à l’aide de l’application et profiter de leur repas au restaurant. Les informations de table ainsi que l’e-mail, le téléphone et les notes de commande du client font partie de la soumission de la commande.

Les formulaires pour les données personnelles de l’utilisateur lors de la confirmation de commande sont complété automatiquement après sa première soumission de commande.

6. Produits préférés

Restaurant Ionic Classy - Application complète avec backend Firebase - 9
Les utilisateurs peuvent créer une liste de produits favoris. À partir de l’écran des favoris, les utilisateurs peuvent accéder rapidement à leur liste de produits ou la partager en envoyant un e-mail.

7. Informations sur le restaurant

Restaurant Ionic Classy - Application complète avec backend Firebase - 10
L’écran de contact affiche les informations du restaurant. Il permet également aux utilisateurs d’interagir avec l’application en effectuant un appel téléphonique, d’obtenir des directions ou de se connecter aux réseaux sociaux.

Actions en un clic:

  • Appelez-nous: cela permettra à l’appareil de lancer un appel vers le numéro de téléphone que vous avez défini
  • Envoyez-nous un e-mail: Mailer s’ouvrira avec l’e-mail de votre entreprise déjà défini afin que l’utilisateur n’ait pas besoin de le saisir
  • Carte / Itinéraire: l’application de carte déjà installée sur l’appareil sera lancée pour afficher votre position exacte sur la carte et l’utilisateur pourra obtenir un itinéraire pour atteindre votre entreprise. (Remarque: vous pouvez définir plus d’un emplacement dans le fichier de configuration)
  • Visitez-nous sur Facebook: les utilisateurs pourront voir le profil social de l’entreprise en un seul clic

7.1 Heures d’ouverture

Faites savoir aux utilisateurs si le restaurant est ouvert à l’heure à laquelle ils ouvrent l’application. L’application obtient l’heure actuelle de l’appareil, prend en compte le fuseau horaire de l’entreprise et de l’appareil et affiche un message convivial aux utilisateurs. Une liste des heures d’ouverture est également affichée dans l’écran «Contactez-nous».

7.2 Réseaux sociaux

L’application Restaurant Classy fournit quatre boutons pour les réseaux sociaux les plus populaires; Facebook, Instagram, Twitter et Pinterest afin que les clients puissent voir votre profil social en un seul clic.

8. Données à distance

Il existe également la possibilité de configurer l’application Restaurant Classy pour récupérer des données à partir d’un emplacement local ou distant (par exemple Amazon S3) où les données sont stockées dans des fichiers JSON. Les URL sources des catégories de menu et des listes d’actualités sont définies dans le fichier de configuration de l’application. Les images, galeries, textes et entrées entières peuvent être mis à jour en ajustant les sources distantes. Néanmoins, la reconstruction et la redistribution de l’application ne sont pas nécessaires pour les mises à jour constantes.

Il en va de même pour les broches de la carte en direct. Pour ajouter et configurer les points de broche, il vous suffit d’ajuster la source distante.

De plus, les actualités et les annonces concernant votre restaurant peuvent être affichées en utilisant une structure JSON distante ou votre site WordPress et / ou Drupal déjà existant. Tout ce dont vous avez besoin pour cela est déjà construit et aucun code supplémentaire n’est requis.

9. Notification push

Un exemple complet de notification Push est intégré à l’application. Il comprend également des instructions détaillées sur la façon de tout configurer de votre côté et de préparer votre application à envoyer et à recevoir des notifications push.

10. Configuration facile / architecture modulaire

Les catégories et éléments de menu peuvent être ajustés en mettant simplement à jour leurs fichiers JSON. Ils doivent seulement être placés dans le dossier associé et tout le reste est configuré et prêt à être utilisé.

En outre, l’architecture modulaire de Restaurant Classy éliminera également toute complexité inutile pour la configuration des autres fonctionnalités. Son code est propre et bien organisé en modules pour rendre la configuration encore plus facile.

Vous pouvez revoir cette architecture super-modulaire en vérifiant notre démarreur SuperModular Ionic, qui est fourni gratuitement. https://github.com/skounis/supermodular

11. Yeoman Ionic Framework Generator alimenté

Yeoman Ionic Framework Generator combine les meilleures pratiques et fonctionnalités pour l’échafaudage d’une application hybride. Cela rend la création d’une application mobile facile et rapide puisque Yeoman est intégré à Ionic Framework et au plugin Cordova. En outre, le système de construction Grunt inclus optimise et automatise certaines tâches importantes de votre flux de travail.

12. Conception ionique

Restaurant Classy est basé sur les éléments d’interface utilisateur fournis par Ionic Framework. Ionic Framework est livré avec un cadre CSS détaillé et impressionnant pour le style de mise en page. De plus, il gère les éléments d’en-tête d’une manière très similaire aux bibliothèques existantes que vous avez peut-être utilisées. Les en-têtes sont disponibles dans de nombreuses options de couleur par défaut. L’ajout d’un élément de pied de page est aussi simple que l’ajout d’un en-tête. De plus, Ionic est livré avec sa propre bibliothèque d’icônes intégrée qui contient presque tout ce dont vous avez besoin. Utilisez les composants de l’interface utilisateur d’Ionic et ils vous donneront une interface utilisateur entièrement personnalisée et fonctionnelle.

Journal des modifications

1.2 - Mar 30, 2017
- Display Posts, Events and Albums from facebook page

1.1 - November 17, 2016
- Different background image for each category on Home screen

1.0 - November 11, 2016
- Initial release

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici