PHP     Symfony 2 et 3       AngularJS   Angular2       Cordova/Ionic 2
Daniel G.
Développeur d'applications Web et mobiles - Gironde

SAVOIR-FAIRE

Voici un projet AngularJS qui accède aux données via une API REST développé sous Symfony2.

Le Projet

  • Affichage de tous les produits.
  • Affichage des produits par catégorie
  • Affichage des produits par mot clé (search...)
  • Filtres : trie par nom ou par prix
  • Consultation du détail d'un produit
  • Connexion sécurisé : login et password

La démo en ligne

Material Design for Bootstrap

http://mdbootstrap.com/ Bootstrap 3-4 en Material Design.
La version gratuite, celle que j'ai utilisé est limité aux composants les plus importants.

API REST en Symfony2

Pour notre projet AngularJS nous avons besoin de ces 3 accès à l'API REST :

Le détail d'un produit avec ID=5 :
http://apirest-nosecure.eventoo.fr/api/v1/produits/5

Tous les produits :
http://apirest-nosecure.eventoo.fr/api/v1/produits

Recherche sur les produits avec query="lg" :
http://apirest-nosecure.eventoo.fr/api/v1/produits?query=lg

AngularJS

La structure :


            /.tmp
            /app
            /extra
            /images
            /img
            /js
            /scripts
            /controllers
                about.js
                home.js
                navigation.js
                product-by-categorie.js
                product-detail.js
                product-search.js
                product-show-all.js
            /directives
                loading.js
            /factorys
                Categorie.js
                Product.js
                Secure.js
            app.js
            /styles
            /template
            /views
            .htaccess
            404.html
            favicon.ico
            index.html
            robots.txt
            /bower_components
                angular
                angular-cookies
                angular-mocks
                angular-route
                bootstrap
                jquery
                ngCart
                nya-bootstrap-select
            /dist
                /images
                /scripts
                    scripts.bab45374.js
                    vendor.39ce4236.js
                /styles
                    styles.4261364c.css
                    vendor.c1742b57.css
                404.html
                favicon.ico
                index.html
                robots.txt
            /node_modules
            bower.json
            Gruntfile.js
            package.json
            README.md