Chat-App 📬

A real-time messaging application built using ASP.NET Core Web API, SignalR, Angular, and SQLite.

Features

• ✅ User Authentication – Login & Registration screens
• ✅ Real-time Friend Status – See if your friends are online or offline
• ✅ Friend Requests – Send, accept, or wait for confirmation of friend requests
• ✅ Live Chat – Instant messaging with real-time typing indicators
• ✅ Notifications – Get notified when a friend logs in

UI Overview

📌 Click on the images for better quality!

• Main Screen:
  • Top-left corner – Displays your profile picture and personal information
  • Left sidebar:
    • Your friends – Shows online/offline status in real-time
    • Other users – Non-friends that you can send a friend request to
  • Center – Chat window with a selected friend
  • Right sidebar – Friend’s profile picture, name, and email
  • Typing indicator – See when a friend is typing (displayed in the chat and next to their name in the friend list)
  • Online notification – Get notified when a friend logs in
• Login & Registration Screens – Simple authentication flow

Tech Stack

• Backend: ASP.NET Core Web API, SignalR
• Frontend: Angular
• Database: SQLite

Setup Instructions

1. Clone the repository

git clone https://github.com/Bielako223/Chat-App.git 
cd chat-app

2. Backend Setup

• Navigate to the API project
• Install dependencies:

dotnet restore

• Run the application:

dotnet run

3. Frontend Setup

• Navigate to the Angular project
• Install dependencies:

npm install

• Start the frontend:

ng serve

• Open the app in your browser at http://localhost:4200