CodeBlogue – Blog personnel développé en MEAN Stack

🚀 CodeBlogue – Mon premier projet full-stack

CodeBlogue est le premier projet personnel sur lequel j’ai travaillé.
Il s’agit d’un blog personnel développé en MEAN stack, dont l’objectif principal était d’apprendre les bases du développement web moderne, aussi bien côté frontend que backend.

Ce projet marque mes premiers pas dans le monde du développement full-stack JavaScript et a fortement contribué à ma progression technique.

🎯 Objectifs du projet

• Comprendre les fondamentaux d’Angular
• Mettre en place une architecture frontend / backend
• Découvrir l’authentification et la gestion des utilisateurs
• Manipuler une base de données NoSQL (MongoDB)
• Construire une application web complète de bout en bout

🖥️ Frontend – Angular

Le frontend a connu plusieurs évolutions au fil du temps :

• Initialement développé en AngularJS
• Migration vers Angular 2 après la refonte majeure du framework
• Évolutions successives jusqu’à Angular 7

Cette progression m’a permis de comprendre les différences entre AngularJS et Angular moderne, ainsi que les bonnes pratiques introduites avec les versions récentes.

🔧 Concepts Angular abordés

• TypeScript basé sur les classes et modules
• Routage :
  • Routes principales
  • Routes enfants
  • Modules lazy-loaded
• Composants personnalisés :
  • @Input et @Output
• Directives personnalisées
• Pipes personnalisés
• Communication entre composants et directives :
  • Propriétés
  • Événements
• Appels HTTP :
  • Requêtes Ajax
  • Observables RxJS
  • HTTP Interceptors
• Services et classes utilitaires
• Angular data binding
• Formulaires :
  • Template-driven forms
  • Reactive forms
  • Validation des données utilisateur

⚙️ Backend – Node.js & Express

Le backend est développé en Node.js avec ExpressJS, et expose une API REST consommée par le frontend Angular.

🔧 Technologies backend utilisées

• Node.js
• ExpressJS
• Passport.js (authentification)
• Node-restful
• Mongoose
• MongoDB

🔐 Authentification

Le projet intègre un système d’authentification complet :

• Authentification classique via login / mot de passe
• Authentification via réseaux sociaux :
  • GitHub
  • Twitter
• Gestion des sessions et des permissions avec Passport.js

🗄️ Base de données

• Base de données MongoDB
• Accès et gestion des données via :
  • Mongoose
  • Node-restful
• Modélisation des utilisateurs, articles et commentaires

🛠️ Fonctionnalités

• Inscription des utilisateurs
• Authentification :
  • Login / mot de passe
  • GitHub
  • Twitter
• Consultation des articles
• Gestion des interactions :
  • Commentaires
  • Likes sur les articles

📌 Ce que ce projet m’a appris

CodeBlogue a été une étape fondatrice dans mon parcours de développeur.
Il m’a permis de :

• Comprendre le fonctionnement d’une application web complète
• Découvrir Angular et son écosystème
• Apprendre les bases de l’authentification
• Travailler avec une base de données NoSQL
• Gérer un projet sur la durée avec des évolutions techniques majeures

🧠 Conclusion

Même s’il s’agit de mon premier projet, CodeBlogue représente une base solide sur laquelle j’ai construit mes compétences par la suite.
Il symbolise le début de mon parcours dans le développement web et mon intérêt pour les architectures full-stack.

🔗 Source Code