On fait le récap’ des projets Quantum 2/2

Communauté
8 juillet 2019

On poursuit les récap’ des projets Quantum avec le groupe Blue !

Avant d’attaquer ce deuxième récap’ des projets Quantum, on te conseille de lire la première partie, avec le groupe Red ici : https://oclock.io/blog/1648/on-fait-le-recap-des-projets-quantum-12


LES PROJETS QUANTUM BLUE :

O’Foodbank

Comme pour le premier Récap’ Quantum, on démarre les présentations avec un projet sur la nourriture avec Karine – Lead front tech et Product owner, Bastien – Project manager, Rémy – Git master et Natacha – Lead dev back qui nous parlent de O’Foodbank. Le tout avec une équipe full Symfo.

Ofoodbank-projet-developpeur

L’objectif de leur projet est de créer une plateforme pour éviter le gaspillage alimentaire et la précarité. Des développeurs avec la main sur le cœur donc.

Leur plateforme permet aux entreprises de faire des dons alimentaires à des associations. Les plus généreux gagnent des points et montent en grade : de Petit Scarabée à Optimus Pikachu.

On y retrouve une liste de dons avec le lieu, un popover de disponibilité, la date de péremption, quantité, notification par e-mail automatique avec Swift Mailer, formulaire en JS, carte en JS et Ajax, le reste est en Symfo, Bootstrap et CSS … le tout en responsive.

developpeur web

🛠 Technos utilisées : Symfony, Javascript, CSS …

🎥 Voir la présentation complète de O’Foodbank : https://youtu.be/mqiEXJaN1ls?t=277


Trip’n’Tips

Pour ceux qui rêvent déjà des vacances, on enchaîne avec un projet porté par 4 étudiants WordPress : Arnaud – Product owner et Project manager, Nordine – Dev back, Gael – Lead dev front et Git master et Emma – Lead dev back.

tipsntrips-projet-développement-web

Plutôt que de se balader avec son routard sous le bras (le livre pas le voyageur), on entre sa destination et on crée sa to-do list des lieux à visiter pour ne rien louper de son voyage.

Pas mal de JS sur le projet, avec des plugins et un thème codés à la main, l’utilisation de l’API Google Maps, le tout en anglais pour conquérir le monde entier. En 1 mois. À l’avenir, un système de notation + ou – est prévu pour trier et sélectionner les lieux à visiter ou à éviter.

developpeur web projet

🛠 Technos utilisées : WordPress
🎥 Voir la présentation complète de Trip’nTips: https://youtu.be/mqiEXJaN1ls?t=1327


O’story

Devenez le héros de votre propre histoire avec O’story présenté par Clément et Nicolas pour la partie back et le blog avec WordPress, Joachim et Prescillia pour le front en React et Redux.

ostory-projet-développement

Hop, à peine l’inscription faite, on te propose différentes aventures dans lesquelles t’embarquer. Tu peux filtrer les aventures selon tes goûts et voilà, tu deviens un héros. Tu ne vas pas te réveiller demain avec le pouvoir de voler ou d’enlever les cheveux du fond de la douche sans y toucher mais tu es quand même un héros.

Ensuite, O’story t’embarque dans le récit de ton choix avec des mots cliquables pour faire avancer l’histoire. Le tout dans un système 1 page en React. Les récits sont dynamiques et codés à la main à partir de l’API WordPress. Le site est donc en React et le blog est sous WordPress. La newsletter ? Bien sûr. Responsive ? Évidemment, vous en avez des questions étranges …

projet dev

🛠 Technos utilisées : O’story

🎥 Voir la présentation complète de O’story : https://youtu.be/mqiEXJaN1ls?t=2275


O’naturel

On continue les présentations avec un groupe WordPress et branché zéro déchet qui présente son projet O’naturel. Le projet est porté par Hélio, Maxime, Miles et Émilie.

onaturel-projet-dev

On élimine les questions classiques dès maintenant : c’est responsive (c’est même pensé en mobile first) et ils étaient tous vraiment débutants avant la formation. Maintenant on peut admirer.

Le site est composé d’une première partie shop dans laquelle on retrouve des alternatives zéro déchets (brosse à vaisselle, éponge lavables, shampoings solides et j’en passe). Un e-commerce pour la bonne cause qui tourne avec WooCommerce avec paiement par Paypal, chèque, à la livraison … un site très complet donc.

Une partie blog a aussi été créée. C’est un groupe WordPress quand même, il en fallait un. L’équipe a publié des articles santé et zéro déchet. Vous avez donc entre les mains les alternatives écolos, leur utilisation et des idées inspirantes sur le blog, une newsletter pour se tenir informé, le tout sur un site graphiquement très propre et à l’ambiance zen.

projetdevonaturel

🛠 Technos utilisées : WordPress

🎥 Voir la présentation complète de O’naturel : https://youtu.be/mqiEXJaN1ls?t=3368


VBL – Full Remote Planner

Encore un groupe homogène : full Symfo ! Pour présenter le projet Full Remote Planner, on passe le micro à Reuben – Lead dev back, Davy – Git master et mise en prod et Bernardo – Lead dev front.

etudiant developpeur web

Leur site est à destination de l’entreprise de consulting VBL et répond à un vrai besoin de cette vraie entreprise : gérer le travail à distance. La plateforme a donc été créé pour faciliter les échanges de cette entreprise en télétravail (comme nous !) en interne et avec ses clients.

Une fois que les profils sont créés, on peut lancer un projet et mettre les intéressés en relation les uns avec les autres. On y retrouve les informations essentielles à l’organisation d’une entreprise full remote : trombinoscope, profil détaillé, demande de congés automatiques, demande de formation, laisser un avis sur le consultant après le projet, désactiver les profils, factures … un énorme travail, responsive lui aussi.

projetdevvbl

🛠 Technos utilisées : Symfo

🎥 Voir la présentation complète de VBL : https://youtu.be/mqiEXJaN1ls?t=4794


Le Pen

Ne voyez pas ce projet d’un mauvais oeil, ce n’est pas ce que vous croyez. Ici c’est Le Pen comme le crayon en anglais. On clôture avec Karim, Charles, Antoine, Jean et Fabrice.

projet etudiant O'clock

Ce grand groupe a développé un jeu de dessin. Avec un système de Pictionary, on joue en ligne avec ses amis. Ils ont implémenté des niveaux, des trophées, des statistiques de victoires et défaites et ils ont encore des idées à foison.

Concernant les technos, ils ont utilisé NodeJS en back, React Redux en front, Socket IO pour le jeu, le chat, les amis, full JS pour les dessins adaptés à React, mise à jour en direct et pour tout le monde. Bien sûr Le Pen est responsive.

formation dveloppeur web

🛠 Technos utilisées : React

🎥 Voir la présentation complète de Le Pen : https://youtu.be/mqiEXJaN1ls?t=5979

On va prendre un petit mois de vacances après autant de projets. Rendez-vous les 13 et 14 août pour la démo de la promo Rocket, toujours sur Twitch.