Application sur une seule page

Le lien du projet GitHub : https://github.com/AlexisBallan/gameblexis

Lien du site : https://keeels.com/one-page-application/


Fonctionnement de l’application

Ce projet est une application sur une seule page (toute l’application est sur une seule page, la page n’est pas rechargée et on ne quitte pas l’index). Le but est de rendre cette application très facile à déplacer, elle peut être convertie comme tel en application de bureau avec par exemple Electron ou bien en application mobile avec Cordova. Il n’y a pas une ligne de code à toucher pour convertir cette application.

Le thème porte sur One Piece, cela n’a aucune importance vis-à-vis du projet c’est simplement mon manga préféré et donc un sujet que je choisis assez souvent.


Images du projet

La page d’accueil
La page pour ajouter un personnage
Le détail d’un personnage
La page de modification d’un personnage

Détails techniques sur le site :

Ce projet est composé d’une seule page html (index.html), l’entièreté de l’application côté client est contrôlée par le Javascript.

La partie côté serveur est bien évidemment sécurisée par des bindparam et des php_filters. Les données envoyées par le côté client sont passé dans un modèle avec des php_filters et ensuite des bindparam sont appliqués sur ces données avant d’être envoyé à la base de données.

La technique utilisée pour communiquer entre le côté client et le serveur est Ajax (XMLHttpRequest).