Real-Time Private Chat Application

This is a real-time private one-to-one chat application built using HTML, CSS, TypeScript and Angular17 framework. The application allows users to communicate securely and efficiently, providing a seamless chat experience.

Table of Contents

• Overview
• Features
• Technologies
• How to Run

Overview

The Real-Time Private Chat Application is designed to facilitate secure and private conversations between users. With a focus on user experience and performance, this application leverages modern web technologies to deliver a robust messaging platform.

Backend Application

Backend Application for this application is at following repository: https://github.com/lmicovic/spring-chat-application

Features

• Private User-to-User Chat: Engage in direct conversations with other users.
• Message Persistence: Users can access their message history even after logging out.
• User Authentication: Secure login using JWT tokens and OAuth2 for Google authentication.
• Online User Status: See which users are currently online to enhance interaction.
• User Management: Block users and add them to a friend list.
• Typing Indicator: Real-time typing indicator to enhance user interaction.
• Media Sharing: Send images and files as messages.

Technologies

• Frontend: HTML, CSS, TypeScript and Angular17
• IDE: Visual Studio Code
• Authentication: JWT Token, OAuth2 (Google)
• Real-time Communication: WebSocket

How to run

*Note: In order Application to work, you must have installed Angular 17.x and Node.js 20.x versions.

1. Clone project from Github repository by typing following command in terminal: git clone https://github.com/lmicovic/angular-chat-application

2. Install Node.js:

   • Install Node.js from: https://nodejs.org/en/download
   • Check node.js version by typing following command in terminal:
     node -v
   • Check npm(Node Package Manager) version by typing following command in terminal:
     npm -v

3. Install Angular17 version on your computer by typing following command in terminal:
   npm install -g @angular/cli@17.0.0

   • Check Angular version by typing following in terminal:
     ng version

4. Install all Angular dependencies:

   • Open Termnal and locate to project root directory:
     cd D:\Downloads\projectName
   • Install all Angular dependencies by typing following command in terminal:
     npm install --legacy-peer-deps

5. Run Angular Application:

   • Open Termnal and locate to project root directory:
     cd D:\Downloads\projectName
   • In terminal type following command to start Angular application:
     ng serve
   • Application will be up and running on URL: http://localhost:4200/

---

Contributions

Other contributions are welcome! Feel free to open issues, submit pull requests, or suggest improvements.