HSG Chat App – Full-Stack Chat Application

📚 Chat Applikation Live Preview:

HSG Chat App – Click the link to view the Chat Application.

---

Overview

HSG Chat App is a full-stack chat application developed as part of a web app course at the University of St. Gallen. Built using Angular for the frontend and Express for the backend, this project emphasized agile methodologies, particularly Scrum, to manage the development process in a team-based setting. This Chat application supports real-time messaging, providing users with a smooth and interactive communication platform.

Key Features

• Real-time messaging: Users can send and receive messages instantly.
• User-friendly interface: Developed using Angular with SCSS for seamless user experience and design.
• Backend with Express: A robust backend built using Express to handle requests efficiently.
• Agile Development: Managed using Scrum and Kanban, allowing continuous integration and rapid iteration.
• Prototyping and Design: Wireframing and design done in Figma, ensuring that user feedback was incorporated at every stage.

Technologies Used

• Frontend: Angular, SCSS
• Backend: Node.js, Express
• Design: Figma
• Testing: Karma
• Agile Practices: Scrum, Kanban
• API Integration: RESTful APIs

Installation & Usage

Prerequisites

• Node.js and npm installed.
• Basic knowledge of Angular and Express.js.

Installation

1. Clone the repository:

   git clone https://github.com/fabian-gubler/chatapp.git

2. Navigate to the project directory and install the dependencies for both frontend and backend:

   cd chatapp
   npm install

3. Run the frontend and backend servers:

   ng serve