ciel étoilé

Réalisations

Projet tutoré : The Coffee Place

Développement Fullstack : Création d'un réseau social d'entreprise.
Pour ce projet libre j'ai choisi d'utiliser React et Tailwind comme framework frontend. Le backend est constitué de Node, express et Sequelize pour se connecter à une base de donnée SQL.

logo groupomania

Contexte

Groupomania veut avoir son propre réseau social d'entreprise pour améliorer les relations entre les employés.
La plateforme est créée "from scratch" avec pour seul impératif l'utilisation d'une bdd SQL.
The Coffee Place est une Single Page Application qui se veut mobile first et responsive. Les employés doivent pouvoir s'inscrire facilement.

main.jsx

React !

React n'est pas vraiment un framework, mais plutôt une librairie qui génère un DOM virtuel. Puis il compare celui-ci avec le DOM déjà fourni au navigateur. Les changements sont ensuite appliqués par ce dernier uniquement aux éléments concernés, sans rechargement de la page.

fichiers jsx

With great powers ...

... comes great responsibility. React nous permet une grande liberté d'organisation du code, sans contrainte de structure.
A chacun, chaque équipe, de se mettre d'accord sur ce sujet. En tant que novice, mon organisation n'est pas encore optimale.
Ici on voit le dossier contenant les composants en jsx, briques élémentaires de construction des rendus, et tout en bas le fichier html unique qui va recevoir les modifications de DOM.

structure du backend

Backend

Le backend est constitué de Node, express et Sequelize.
Comme pour 'So Pekocko', le duo Node + express fourni un serveur Web avec plein de fonctionnalités utiles.
J'ai choisi Sequelize comme librairie de communication avec la bss SQL pour sa popularité.

instance de sequelize

Sequelize et SQL

Sequelize est un ORM basé sur le système de promesse de JS.
XXXXX

aperçu de la webapp

La webapp en démo

La webapp est libre d'accès, les coordonnées DOIVENT être factices.
Le mot de passe est stocké chiffré mais comme l'app peut être installée par n'importe qui, le fichier contenant les mots de passe admin est fourni, donc tout le monde peut devenir administrateur depuis le menu Paramètres.

Nota

Je serais bientôt en mesure de faire fonctionner les serveurs en ligne, et l'application ne présentera plus le manque de sécurité d'aujourd'hui.

Contact

N'hésitez pas à me solliciter pour toute info sur ma disponibilité, une demande de prestation, une proposition de job ou un projet collaboratif.