Skip to content

frontend-rob/da-bubble

Repository files navigation

DaBubble

This project has been developed as part of a collaborative project in a web development bootcamp at the Developer Akademie.

NOTE: This project is for educational purposes only and is not intended for extensive personal or business use. We cannot guarantee continuous availability, reliability, accuracy, or any other quality aspects of the product.


Features

Here’s an overview of the key functionalities:

  • User Authentication: Secure registration, login, and password recovery via Firebase Authentication.
  • Profile Settings: Customize user profiles by updating names and selecting avatars.
  • Real-Time Chat: Send and receive messages instantly in channels or private conversations.
  • Emoji Reactions: Express feedback or emotions quickly with emoji.
  • Threaded Replies: Keep discussions organized by replying directly to specific messages.
  • Mentions & Tagging: Mention team members or reference channels within your messages.
  • Channel Management: Create, edit, join, or leave channels to structure conversations.
  • Responsive Design: Optimized layouts for mobile, tablet, and desktop.

Preview

da-bubble

Run the Application

1. Version Information:

This project uses the following versions:

  • Node: 22.13.1
  • Angular CLI: 19.2.9
  • AngularFire: 19.1.0

Make sure to use compatible versions to avoid any conflicts.


2. Clone the Repository:

Download the source code by clicking the Code button or clone the repository using Git:

https://github.com/frontend-rob/da-bubble.git

3. Install Dependencies:

Navigate to the project directory and install the required packages:

cd <project-directory>
npm install

Note: Replace <project-directory> with the actual folder name of your project (e.g., simple-crm).


4. Start Development Server:

Launch the development server with the following command:

ng serve --open

The application will open automatically at http://localhost:4200/. Any changes you make to the source files will trigger an automatic reload.


5. Further Help:

For more information on Angular CLI commands, run ng help or vistit the official Angular CLI Reference.


Contributing

Since this is a learning project, further contributions aren’t expected. However, I’m always open to feedback, suggestions, or creative ideas — if you’d like to share any thoughts, feel free to reach out!


License

The source code for this project is open-source and distributed under the MIT License and may be used as a reference. Please note that external content from third-party sources is included. For detailed licensing information, refer to the respective websites:

About

A real-time messenger application inspired by Slack, built with Angular and Firebase.

Topics

Resources

License

Stars

Watchers

Forks

Contributors