Web Application Technologies

About the Project

The application is a web-based solution, combining a frontend built in Angular with a backend powered by Node.js and MongoDB. The project demonstrates key web development concepts, including RESTful API development, authentication, and frontend-backend integration.

Features

Frontend (Angular):

• Responsive user interface.
• Modular components architecture.
• Data binding between components and services.
• Authentication and authorization mechanisms.

Backend (Node.js):

• RESTful API implementation.
• Middleware handling.
• MongoDB database integration.
• Secure authentication and authorization.

Laboratory Topics

• Lab 1 - Introduction to JavaScript.
• Lab 2 - Basics of Node.js and Express.js.
• Lab 3 - Rendering HTML files with Node.js and passing data to templates.
• Lab 4 - Creating RESTful API endpoints and testing them with Postman.
• Lab 5 - Introduction to TypeScript.
• Lab 6 - Setting up the environment and implementing a Node.js server with TypeScript.
• Lab 7 - Node.js server, middleware usage, and MongoDB integration.
• Lab 8 - Data validation, authentication, and authorization.
• Lab 9 - Angular CLI: creating components, passing data between components, and using services.
• Lab 10 - Angular: data binding, directives, and event handling with the output mechanism.
• Lab 11 - Full-stack implementation of authentication and authorization using the MEAN stack (MongoDB, Express, Angular, Node.js).

Getting Started

Prerequisites

• Node.js (version 14 or higher).
• Angular CLI (version 12 or higher).
• NPM or Yarn.

Installation

Backend

1. Navigate to the api directory:

   cd api

2. Install dependencies:

   npm install

3. Start the server:

   nodemon start

   The backend will run on http://localhost:3000.

Frontend

1. Navigate to the blog directory:

   cd blog

2. Install dependencies:

   npm install

3. Start the Angular application:

   ng serve

   The frontend will be available at http://localhost:4200.

Technologies Used

• Frontend: Angular, TypeScript
• Backend: Node.js, Express.js, MongoDB
• Testing: Postman

Project Structure

ans-taw-master/
|— blog/          # Angular frontend source code
|— api/           # Node.js backend source code
|— README.md      # Project documentation