Published on

CodeBlogue – My First Full-Stack Web Project

Authors

🚀 CodeBlogue – My First Project

CodeBlogue is the first personal project I worked on when I started my journey as a web developer.
It is a personal blog application built using the MEAN stack, with the main goal of learning modern web development concepts on both the frontend and backend.

This project represents my first hands-on experience building a complete full-stack JavaScript application.


🎯 Project Goals

  • Learn the fundamentals of Angular
  • Understand frontend and backend architecture
  • Implement user authentication and authorization
  • Work with a NoSQL database (MongoDB)
  • Build a complete web application from scratch

🖥️ Frontend – Angular

The frontend went through several major evolutions over time:

  • Initially developed using AngularJS
  • Migrated to Angular 2 after the major framework rewrite
  • Gradually evolved up to Angular 7

This evolution allowed me to better understand the architectural changes between AngularJS and modern Angular, as well as best practices introduced in newer versions.

🔧 Angular Concepts Covered

  • TypeScript based on classes and modules
  • Routing:
    • Main routes
    • Child routes
    • Lazy-loaded modules
  • Custom components:
    • Custom @Input and @Output properties
  • Custom directives
  • Custom pipes
  • Defining properties and handling events in components and directives
  • HTTP communication:
    • Ajax calls
    • RxJS Observ

🔗 Source Code

View on GitHub