Catégorie : Programmation

React Router,Redux,Antd:le trio dévastateur

React Router est une puissante bibliothèque de routage construite sur React qui vous permet d’ajouter de nouveaux écrans et flux à votre application très rapidement,tout en maintenant l’URL synchronisée avec ce qui est affiché sur la page.

Redux est une bibliothèque JavaScript open-source permettant de gérer l’état de l’application.Il est le plus souvent utilisé avec des bibliothèques telles que React ou Angular pour créer des interfaces utilisateur.

Antd React UI est une bibliothèque contenant un ensemble de composants et de démonstrations de haute qualité permettant de créer des interfaces utilisateur riches et interactives.

Liens utiles:

La démo web est disponible en cliquant le lien suivant:
http://antillestores.fr/create-react-app/

La planification avec React Big Scheduler:

 

 

Craftable générateur CRUD pour Laravel

Craftable est une boîte à outils open-source basée sur Laravel permettant de créer des interfaces d’administration. Il est livré avec un puissant générateur CRUD pour accélérer le développement de votre système de gestion de contenu, de votre système de gestion de la relation client ou de tout autre système de back-office.

Une démonstration web est disponible:
http://node43923-antillestores-craftable.jl.serv.net.mx/blog/public/admin

Planning avec ReactJS

J’améliore mon application de gestion d’une animalerie en y intégrant le planning des vétérinaires pour les soins des animaux.
Quelques liens utiles:

J’utilise la bibliothèque Jasper Report pour l’impression ( quelques erreurs de formatage des heures que je corrigerais ultérieurement)

La démo web est disponible: (actualisé le 28 février 2019)
http://antillestores.fr/react-admin-demo

Uploader avec ReactJS

J’ai amélioré l’administration de l’animalerie en y intégrant l’envoie d’images associées aux animaux des propriétaires.

Quelques liens utiles:

La démo web est disponible à l’adresse suivante ( actualisé le 15 février 2019):
http://antillestores.fr/react-admin-demo

Controle d’accès avec ReactJS

J’ai réalisé un contrôle d’accès avec React Admin et Spring Boot comme Back Office.

Quelques liens utiles:

La démo web est disponible !( actualisé le dimanche 13 février 2019):
http://antillestores.fr/react-admin-demo/

Pour mieux comprendre l’administration de l’animalerie , cliquez sur la démo web suivante:( actualisé le jeudi 28 février 2019)
http://antillestores-animalerie-simple.jl.serv.net.mx/

Leaflet avec Sencha Ext JS

J’ai réalisé une application de cartographie avec la bibliothèque javascript Leaflet pour la personnalisation des cartes et Ext JS pour l’interface Web.

La démo web réalisée avec ExtJS 4 est à l’adresse suivante: (actualisée le 31 janvier 2019)
cliquez-ici

La démo web réalisée avec ExtJS 6 est à l’adresse suivante: (actualisée le 31 janvier 2019)
cliquez-ici

La version android est disponible (bientôt en version déconnectée avec Sqlite) :(actualisation en attente)
cliquez-ici

Le back–office se trouve : cliquez-ici

 

JHIPSTER ET ELASTICSEARCH: Apogée du BIG DATA

JHipster fournit des outils pour générer un projet avec côté serveur, une pile Java (à l’aide de Spring Boot) et côté client un frontal Web adaptatif (avec Angular et Bootstrap).Ainsi , dans ce projet je synchronise les données enregistrées dans la base de données MySQL avec celle d’une instance Elasticsearch virtualisée avec Docker.

Quelques liens utiles:

 

Asp.NET core 2.0 avec VueJS

ASP.NET Core est un framework multiplateforme à hautes performances et open source pour créer des applications cloud modernes et connectées à Internet. Avec ASP.NET Core, vous pouvez :

  • Créer des applications et des services web, des applications IoT et des back-ends mobiles.
  • Utiliser vos outils de développement préférés sur Windows, macOS et Linux.
  • Déployer dans le cloud ou localement.
  • Exécuter sur .NET Core ou .NET Framework.

Cette démo web fait intervenir ASP.NET Core et l’outil JavaScript VueJS.

Liens utiles:

La démonstration est disponible ici :
http://antillestores-001-site1.ftempurl.com

Prestashop en version Mobile

J’envisage de créer une version mobile personnalisée de Prestashop pour gérer ma boutique en ligne.

La version android est téléchargeable ici : http://antillestores.fr/apk/antillestores_boutique.apk

(Il faut autoriser les sources inconnues dans les paramètres).

Ma boutique est disponible à l’adresse :
http://antillestores-prestashop.mircloud.host
La démo est disponible à l’adresse :
http://antillestores.fr/quasar/#/prestashop