Creative Week #1 Day 1 : La tête dans dans les étoiles

Découvrez la première Creative Week de PlaceMe ! Au programme : un réseau social interstellaire en Angular 9 et NestJS

Clément Amat

Leader Technique

Clément Amat
Creative Week #1 Day 1 : La tête dans dans les étoiles

17 févr. 2020

Qu’est ce que la Creative Week ?

Les développeurs travaillent dans un environnement technique qui évolue perpétuellement et très rapidement. Il peut être courant de travailler pendant une longue période sur un même projet, et de ne pas sortir des technologies qui y sont utilisées, au risque d’être enfermé dans une stack technique.

Chez PlaceMe, nous avons décidé de mettre en place - une semaine tous les deux mois - une Creative Week : c’est une semaine spécifiquement dédiée à faire de la veille technique et à améliorer la cohésion d’équipe. Nous avons l’opportunité de travailler sur des sujets différents, autant sur le plan technique que fonctionnel.

La Creative Week #1: top départ !

Cette première Creative Week commence donc ce lundi 17 février ! Au programme : la réalisation d’un réseau social interstellaire : PlaceStar. Pour cette première, tous les membres de l’équipe participent au projet. L’objectif étant de sortir une application web fonctionnelle vendredi soir !

Les articles consacrés à la Creative Week #1 :

  1. Creative Week #1 Day 1 : La tête dans dans les étoiles
  2. Creative Week #1 Day 2 : L'univers en pleine expansion
  3. Creative Week #1 Day 3 : Décollage !
  4. Creative Week #1 Day 4 : En orbite !
  5. Creative Week #1 Day 5 : Atterrissage !

Le principe de PlaceStar s’appuie sur ce qui a fait le succès du site The One Million Dollar Homepage, c’est à dire proposer à l’utilisateur de s’approprier une ressource limitée et de la personnaliser comme il l’entend. Ceci, à la différence près qu’il ne s’agit pas ici de s’approprier les pixels d’une image mais les étoiles présentes dans l’univers PlaceStar.

Quant à la stack technique, nous prévoyons d’utiliser:

  • Angular 9 avec Angular Universal
  • NestJS exposant une API GraphQL
  • Google Cloud Platform pour l’hébergement de du front, du back et le stockage des données.
  • Architecture Serverless

Afin de suivre notre challenge, nous vous proposons une série de billets de blogs, publiés quotidiennement, dans lesquels nous ferons le bilan sur nos avancées, et nos points de blocages. Commençons avec le bilan de cette première journée de Creative Week.

CW#1 : Jour 1

Lors de cette première journée de Creative Week il est question de mettre en place les bases de notre application.

La matinée a été consacrée à des discussions sous formes de brainstorming, ayant pour but d’extraire les besoins fonctionnels, techniques, ainsi que les blocages potentiels (comparaison de librairies…).

Par la suite, chacun s’est approprié une ou plusieurs tâches en fonction de ses centres d'intérêts.

Les activités de l’équipe se sont ensuite naturellement découpées en trois grande parties.

Une partie de l’équipe s’est accordée à établir un logo et les premières maquettes grâce à Adobe XD.

Une autre partie de l’équipe à travailler sur les aspects front-end.

La création d’un projet Angular avec la librairie Angular Universal et à la mise en place du déploiement continu du de l’application sur une cloud fonction en utilisant Gitlab CI. De plus une des problématiques majeures est de savoir comment afficher notre univers remplis d’étoiles dans l’application. Pour ce faire, notre expert en dessin 2D s’est tourné vers PixiJS afin d’établir les prémices de l’univers !

day-01-placestar.gif

Enfin, notre backend, a été la source de découvertes et de galères ! Si la création d’un schéma GraphQL et de nos premiers services GraphQL mocké s’est passé en douceur, l'authentification via passport.js semble plus chronophage qu’espéré.

Voici la première représentation de nos étoiles :

day-01-api.png

Voilà qui est fini pour aujourd'hui, à demain, pour notre résumé de la deuxième journée de la Creative Week ! La team PlaceMe.