On fait les récap’ des projets Sirius 2/2

Communauté
8 octobre 2019
On poursuit le récap’ des projets Sirius avec le groupe Red !

Avant d’attaquer ce deuxième récap’ des projets Sirius, on te conseille de lire la première partie, avec l’équipe Blue ici : Récap’ des projets Sirius Blue


Alumni’O

Pour ouvrir cette deuxième journée de présentation, on déplace le O dans le nom du projet et on écoute Christine – Product owner et Lead dev back, Sébastien – Project manager et Git master et Vins – Lead dev front qui présentent Alumni’O.

alumni école O'clock dev

Après ApérO’clock pour les apéros entre étudiants, Alumni’O est réservé aux anciens étudiants O’clock, ainsi qu’aux formateurs et aux recruteurs. On y retrouve un annuaire d’étudiants qui présente les compétences, contacts et promo de chaque Alumni. Une section permet de voir les offres d’emploi selon les régions, sur une carte. Les utilisateurs ont accès à un back personnalisé, pour gérer les informations personnelles des Alumni ou encore publier une offre pour un recruteur.

Dans la partie blog, c’est le blog de l’école qui est disponible, grâce à l’API WordPress. Dans l’agenda, on retrouve les évènements des étudiants. Un projet full WordPress avec un « méga plug-in » maison pour les fonctionnalités du thème, en programmation orientée objet (POO).

Projet alumni étudiants O'clock

🛠 Technos utilisées : WordPress

🎥 Voir la présentation complète de Alumni’O : https://youtu.be/C31I3ryooDU?t=257


O’Wedding

On reprend notre série préférée : les projets en O’. Pour présenter O’Wedding, Laurine – Product owner et Git master, Kévin – Project manager, Guéna – Lead dev front et Delphine – Lead dev back.
O’Wedding c’est, sans grande surprise, un site d’organisation de mariage. C’est la fin du dilemme « Mais qui va passer le repas à côté du bon vieux tonton Michel ? » ou encore « Qui surveille les petits cousins qui écrivent sur les nappes ? ».

projet-owedding-mariage

Sur O’Weeding, on entre le nom de son projet, la date du mariage, le lieu et le budget. Ensuite, on entre le nom de ses invités et ses témoins, leurs adresses e-mails si on souhaite leur envoyer un récapitulatif de l’événement. Une fois la liste des invités créée, on glisse les noms des invités sur les tables pour dispatcher tout le monde. Le plan de table sera téléchargeable en PDF pour une V2. Pour la V2 également, l’équipe prévoit de créer des partenariats avec des prestataires du mariage : traiteur, DJ, tailleur, bijoutier, animateur, ou encore pour la location de voiture ou de salle. La plateforme deviendra payante pour les prestataires mais pas pour les mariés ! La case budget se met automatiquement à jour. lls ont même installé un chat en ligne. On lève notre chapeau pour l’esthétisme du site !

Pour la partie technique : du PHP, AJAX pour les requêtes, jQuery, Swift Mailer, la librairie react-beautiful-dnd, Firebase pour générer le token, le reste « à la mano » comme on dit chez nous.

owedding-dev

🛠 Technos utilisées : React et Symfony

🎥 Voir la présentation complète de O’Wedding : https://youtu.be/C31I3ryooDU?t=1558


oTrak

Toujours dans la même série de projet en O, oTrak : un tracker de séries et d’animes. Ça fait beaucoup de coïncidences tout ça. Pour présenter leur projet : Rémi – Product owner, Cédric – Product Manager et Git Master, Léa – Lead dev front et Benjamin – Lead dev back.

projet-otrak-series

Sur oTrak, on créer son compte utilisateur et on suit nos séries favorites qui se mettent automatiquement à jour selon notre avancée. Vous n’aurez plus besoin de changer d’épisode après avoir réalisé 6 minutes après que vous avez déjà vu celui-ci. Sympas ces étudiants, ils facilitent notre quotidien. Les séries et animes sont catégorisés selon leur genre, leur note, la langue originale, la date de sortie et la durée de l’épisode.

Sur le dashboard de l’utilisateur, on y retrouve les séries et animés qu’il suit, celles terminées, celles arrêtées, les saisons à venir et quelques statistiques : le temps passé par jour devant une série, le nombre d’épisodes regardés par semaine et le nombre de saisons terminées dans le mois. Pour le visuel, du Material-UI et du CSS via les fonctions de Material-UI et le résultat est très réussi. Le back est en Symfony avec API Platform.

Site suivre séries animés dev

🛠 Technos utilisées : React et Symfony
🎥 Voir la présentation complète de oTrak : https://youtu.be/C31I3ryooDU?t=2923


O’Trip

On prend la route avec O’Trip (oui, encore, et ce n’est pas terminé). Pour présenter ce projet : Florent – Product owner et Git Master, Alexandre – Product Manager, Marine – Lead dev front et Julien – Lead dev back et à l’origine du projet.

Projet roadtrip moto développeur

Le phrase d’accroche est simple : créez, organisez et partagez vos road trips en moto. Sur le site O’Trip, on retrouve tous les évènements comme des festivals de motards, des barbecues de motards, des soirées de motards et des projets de road trips avec une description, la ville de départ et celle d’arrivée, l’heure et l’itinéraire ! Un véritable sanctuaire pour les 2 roues. On peut proposer son roadtrip en remplissant simplement un formulaire. Le back office est très bien réalisé également, on peut y gérer les comptes utilisateurs, les derniers ajouts d’évènements et de projets de road trips. Le tout est responsive.

Le petit point technique ? En front, ils ont utilisé un framework, Semantic UI, adapté à React. En back : Swift Mailer pour les contacts, token Firebase JWT, quelques customs providers (des données factices mais cohérentes), full API et comme ils disent « du JSON, du JSON et du JSON ».

Malgré quelques difficultés pour la communication entre Symfony et React (et entre React et Symfony), O’Trip est très prometteur. Une V2, une V3 et même une V15 sont dans les starting blocks. A l’avenir, le site aura un forum, une communauté, une gestion de feuille de route, une possibilité d’imprimer la feuille de route, etc.

Roadtrip moto développeur

🛠 Technos utilisées : React et Symfony
🎥 Voir la présentation complète de O’Trip : https://youtu.be/C31I3ryooDU?t=4162


O’Fests

On va plonger la tête la première dans un cliché (avec un dernier projet en O déjà) pour faire une transition douteuse : après un tour en moto, direction les festivals du « style suprême » selon Alexis : le métal. O’Fests va conclure ces deux jours de présentations en live. Le projet est présenté par Cyril – Product owner, Sylvie – Product Manager, Lisa – Lead dev front, Kévin – Lead dev back et Charly – Git master et référent technique.

projet-ofest-metal

Cyril « biberonné au Led Zeppelin et tombé dans la marmite métallique tout petit » est à l’origine du projet. L’équipe O’Fests (dont Charly travaillant depuis le Japon) a créé un site communautaire répertoriant les festivals de métal de France et d’Europe. Les festivals sont catégorisés par genre, on y retrouve la programmation, la date et le lieu sur une carte. Pour soumettre un nouveau festival au site, c’est tout aussi simple, on remplit les informations via un formulaire après avoir créé son compte utilisateur.

En front : tous les composants sont du Semantic-UI surchargé en CSS à la main. Leur API WordPress est étendue pour connecter front et back. Ils ont créé leur propre plugin O’Fests pour pouvoir ajouter les dates, les coordonnées sur la carte, l’URL Facebook du festival, etc. Côté back, ils ont créé des comptes personnalisés : admin, membre et utilisateur, avec chacun leurs droits. Toujours côté back : un bon JWT. Leur page 404 et les affiches présentées sont très réussies, on tenait à le préciser.

Projet développeur web festival métal

🛠 Technos utilisées : WordPress et React

🎥 Voir la présentation complète de O’Fests : https://youtu.be/C31I3ryooDU?t=5602

Après 10 projets réussis, nous fermons le chapitre de la promotion Sirius qui ne se fera pas oublier de sitôt. On vous donne rendez-vous les 17 et 18 octobre pour une nouvelle pelle de projets et de talents avec la promo Titan.
O’clock, l’école de développement web nouvelle génération