- Published on
CodeBlogue – My First Full-Stack Web Project
- Authors

- Name
- Code Smarter
- @codesmarter_dev
🚀 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
@Inputand@Outputproperties
- Custom
- Custom directives
- Custom pipes
- Defining properties and handling events in components and directives
- HTTP communication:
- Ajax calls
- RxJS Observ