https://github.com/marinactonci/chatapp

Real time chat application made with Angular 17, Ng Zorro, Tailwind and Firebase. Utilizes Firebase's onSnapshot function that listens to database changes (new messages and friend requests) and displays them in real time.
https://github.com/marinactonci/chatapp

angular firebase ng-zorro-antd tailwindcss

Last synced: 2 months ago
JSON representation

Real time chat application made with Angular 17, Ng Zorro, Tailwind and Firebase. Utilizes Firebase's onSnapshot function that listens to database changes (new messages and friend requests) and displays them in real time.

• Host: GitHub
• URL: https://github.com/marinactonci/chatapp
• Owner: marinactonci
• Created: 2024-01-24T02:21:20.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T16:29:39.000Z (7 months ago)
• Last Synced: 2024-06-13T22:51:44.293Z (7 months ago)
• Topics: angular, firebase, ng-zorro-antd, tailwindcss
• Language: TypeScript
• Homepage: https://chavrljanje.vercel.app
• Size: 250 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



  Chat App

  






  





  


    

      Try Live

    

     | 

    

      Project Plan

    





## Features

- **Real-time Chat:** Users can engage in real-time chat with each other, creating a seamless communication experience.

- **Authentication:** Secure user authentication is implemented to ensure that only authorized users can access the application.

- **Friend Management:** Users can add and manage friends within the application, enhancing the social aspect of the platform.

- **Notification System:** Stay updated with a built-in notification system that alerts users to new friend requests.

## Installing dependencies

1. Install Node.js

Angular requires Node.js, so make sure you have it installed. If not, you can download and install it from the official website: Node.js Download

2. Install Angular CLI

Angular CLI is a command-line interface for Angular, and it helps you create, build, test, and deploy Angular applications. Install Angular CLI globally using npm (Node Package Manager):

```bash

$ npm install -g @angular/cli

```

## How To Open On Localhost

Clone this repository

```bash

$ git clone https://github.com/marinactonci/ChatApp.git

```

Go into the repository

```bash

$ cd ChatApp

```

While in the project directory, install the project dependencies using:

```bash

$ npm install

```

Start localhost server

```bash

$ ng serve -o

```

(The -o flag opens the application in your default web browser. After running this command, you should see your Angular app running locally.)