Angular 4 Web Application

par Oswald Blassou

1er Mars 2018

Bonjour, au cours de ma deuxième année de formation ( à EPITA), j’ai effectué un stage de développeur front-end dans la start-up Leasyt.

Leasyt est une plateforme web qui met à disposition des utilisateurs des lieux atypiques pour tout type d’évènement. Notamment la plateforme permet la réservation rapide de ces lieux, elle propose également un service clientèle personnalisé.

Je vous présente ici deux principaux projets que j’ai développés.

1. Admin Panel Dashboard

Le premier projet consistait à l’élaboration d’un dashboard administratif qui sera utilisé par l’ensemble de l’équipe. Le design du dashboard a été principalement repris de ng2-admin, un admin panel framework.

Le projet a été développé sous Angular 4 pour le côté front-end, j’ai également élaboré une API qui renvoie les données nécessaires au bon fonctionnement de l’application. Cette API a été principalement développée en PHP/MySQL.

Pour des raisons de sécurité je n’ai pas de capture d’écran, mais voici en imager le framework qui a été utilisé. (Le projet final y reprenait beaucoup d’élément).

ng2-admin screenshot

Résumé:

  • Développement d’une application web sous Angular 4, framework ng2-admin.
  • Développement API sous PHP/MySQL.
  • Implémentation continue de fonctionnalités nécessaire à l’équipe commerciale.

2. Leasyt - FindSpace

Le second projet à consister à l’intégration d’une page principale de la plateforme. Notamment il s’agit de la page permettant à un utilisateur d’effectuer des recherches sur les lieux à reserver.

L’enjeu était de rendre la recherche performante, souple et adapté à une masse de donnée, tout en prenant en compte les filtres de l’utlisateur.

Design/Mock-Up

ng2-admin screenshot

La maquette m’a été fourni par l’équipe. Notamment elle était déjà réalisé sous un format HTML/CSS. Ma mission ainsi à été l’implementation sous le framework Angular 4.

Développement

Le développement s’est effectué sous Angular 4 principalement, lors du développement de ce projet j’ai rencontré beaucoup de challenge. Les principaux challenge ont été l’adaptation des technologies comme Google Maps avec un version du framework tout à fait récente. Le devéloppement de l’API qui renvoie les informations à principalement été devélopée en PHP/MySQL.

Résumé:

  • Développement d’une application web sous Angular 4.
  • Intégration de plusieurs API.
  • Résolution de plusieurs challenge afin de toujours rendre l’application toujours performante et souple.
  • Développement API sous PHP/MySQL.