Skip to content
This repository has been archived by the owner on Aug 8, 2023. It is now read-only.
/ album-photo Public archive

Un simple album photo : Angular + Firebase

Notifications You must be signed in to change notification settings

Ichoui/album-photo

Repository files navigation

AlbumPhotos

Commandes utiles

npm start : Lance le projet en mode développement sur https://localhost:4682.
Astuce : Test sur téléphone via :4682 sur le même réseau WIFI

Nouvel album - procédure :

  • Créer la route dans app-routing.module.ts
  • Créer un guard associé dans config/routes-guards (ng g g /path)
  • Créer une fonction get{newAlbum} qui consomme l'API dans le service config/api-rest-service
  • Créer une fonction is{newAlbum} dans le service /config/auth/auth.service
  • Ajouter une règle dans la fonction onSubmit() situé dans /core/login/login.component.t/
  • Ajouter une règle de redirection dans /core/library/library.component.ts
  • Créer le component associé (ng g c /core/library/{newalbum}), puis récupérer le contenu d'un .html et .ts d'un component similaire
    Style (dans le .ts):
    • possibilité d'ajouter un style propre à un album(3 lignes : propre, générique, masonry),
    • SINON remplacer celle présente dans un component similaire (2 lignes : générique, masonry)
    • Attention à toujours conserver le style Masonry

    Déploiement - Firebase

    • firebase login (optionnal)
    • firebase init
      • Hosting
      • Public directory : dist/album-photos
      • App as a single page : YES
      • File already exist, overwrite ? NO
    • firebase deploy

    Script disponible dans console NPM

    https://album.ichoui.fr


    Ce projet est avant tout une application web tournant sous Angular 7.0. Testé sur iPhone 7Plus en responsive.

About

Un simple album photo : Angular + Firebase

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published