https://github.com/shivanshkc/rosenapp
A minimal chat application powered by Rosenbridge.
https://github.com/shivanshkc/rosenapp
angular-material chat-application websocket
Last synced: 3 months ago
JSON representation
A minimal chat application powered by Rosenbridge.
- Host: GitHub
- URL: https://github.com/shivanshkc/rosenapp
- Owner: shivanshkc
- Created: 2026-03-15T20:13:02.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-03-17T06:44:30.000Z (3 months ago)
- Last Synced: 2026-04-04T08:54:31.074Z (3 months ago)
- Topics: angular-material, chat-application, websocket
- Language: TypeScript
- Homepage: https://rosenbridge.shivansh.io
- Size: 229 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# RosenApp
A real-time chat application built with Angular and powered by [Rosenbridge](https://github.com/shivanshkc/rosenbridge). Features include user authentication, WebSocket-based messaging, and a Material Design interface with dark and light theme support.
Try the live deployment here: [rosenbridge.shivansh.io](https://rosenbridge.shivansh.io)
## Tech Stack
- Angular 21 (standalone components)
- Angular Material and CDK
- TypeScript 5.9
## Prerequisites
- Node.js 20+
- npm 10+
- A running [Rosenbridge](https://github.com/shivanshkc/rosenbridge) backend server
## Setup
```bash
npm install
```
## Configuration
The app loads its backend URL from `public/config.json` at startup:
```json
{
"apiBaseUrl": "https://rosenbridge.shivansh.io"
}
```
Change this to point to your own Rosenbridge instance if needed.
## Common Commands
```bash
npm start # Starts the dev server at http://localhost:4200
npm run watch # For continuous rebuilds during development
npm test # Run unit tests
npm run build # Production build, written to dist/
```
## Project Structure
```
src/app/
├── pages/ # Login, Register, Home
├── services/ # Auth, API, WebSocket, AppConfig
├── shared/ # Validation helpers, notification sounds
├── app.routes.ts # Route definitions with guards
└── app.ts # Root component
```