https://github.com/shlmt/chatapp

angular+firebase chat app
https://github.com/shlmt/chatapp

angular angular-material firebase-auth firestore frontend

Last synced: about 2 months ago
JSON representation

angular+firebase chat app

• Host: GitHub
• URL: https://github.com/shlmt/chatapp
• Owner: shlmt
• Created: 2024-11-11T17:45:58.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-21T14:06:11.000Z (about 2 months ago)
• Last Synced: 2024-11-21T14:35:55.614Z (about 2 months ago)
• Topics: angular, angular-material, firebase-auth, firestore, frontend
• Language: TypeScript
• Homepage:
• Size: 193 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NgChat

A real-time chat application with multiple chat rooms, built with Angular, Firebase, and Angular Material.



## 🎉 Features

- **Real-Time Chat:** Multiple chat rooms powered by Firestore database.

- **Authentication:** Secure login using Firebase Authentication & Sign in with Google.

- **Material Design:** Sleek and responsive UI using Angular Material.

## 🏆 Technologies

- ![Angular](https://img.shields.io/badge/Angular-12-brightgreen?style=for-the-badge&logo=angular&logoColor=white) **Angular 12**

- ![Firebase](https://img.shields.io/badge/Firebase-ffca28?style=for-the-badge&logo=firebase&logoColor=black) **Firebase Authentication + Firestore**

- **Angular Material**

## 🚀 Getting Started

Follow these steps to set up the project:

1. Clone the repository: ```git clone https://github.com/shlmt/ng-chat.git```

2. Install dependencies: ```npm install```

3. Run the application: ```ng serve```

#### 🛠️ Firebase Configuration

To connect the app with Firebase, you need to configure the Firebase API keys and other settings. Follow these steps:

1. Go to the [Firebase Console](https://console.firebase.google.com/).

2. Select your project or create a new one.

3. In the project settings, navigate to the "General" tab and find your Firebase configuration, which will look like this:

```javascript

firebaseConfig: {

  apiKey: "your-api-key",

  authDomain: "your-project-id.firebaseapp.com",

  projectId: "your-project-id",

  storageBucket: "your-project-id.appspot.com",

  messagingSenderId: "your-messaging-sender-id",

  appId: "your-app-id",

  measurementId: "your-measurement-id"

}

```

## 📚 Credits

Inspired by [![YouTube](https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/YouTube_icon_%282013-2017%29.png/20px-YouTube_icon_%282013-2017%29.png)](https://www.youtube.com/playlist?list=PLjMCGG-3Are1OsXa-TTGSZBjT5ij3HAVn)

[this course](https://www.youtube.com/playlist?list=PLjMCGG-3Are1OsXa-TTGSZBjT5ij3HAVn). Thanks to the instructor for the amazing content! 

*Note: This project includes personal solutions, modifications, and customizations beyond the original course content.*