https://github.com/villy-p/instant-messaging-app

A small instant messaging app using Vue and SocketJS for hosting on a local server
https://github.com/villy-p/instant-messaging-app

instant-messaging messaging-app socket-io vue

Last synced: 3 months ago
JSON representation

A small instant messaging app using Vue and SocketJS for hosting on a local server

• Host: GitHub
• URL: https://github.com/villy-p/instant-messaging-app
• Owner: Villy-P
• License: mit
• Created: 2023-09-05T19:06:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-10-08T02:47:21.000Z (4 months ago)
• Last Synced: 2024-10-11T12:15:57.812Z (4 months ago)
• Topics: instant-messaging, messaging-app, socket-io, vue
• Language: Vue
• Homepage:
• Size: 1.93 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Instant-Messaging-App

An instant messsaging app that you can run on a server. Good for school or work.

## Setup

1. Create src/data/data.ts

2. Paste this code:

```ts

export const IP_ADDRESS = "IP_ADDESS";

export const APP_NAME = "App Name";

export const CREATOR_NAME = "Your Name";

export const SERVER_PORT = "Server Port";

export const VUE_PORT = "VueJS Port";

```

3. Replace data with your own.

4. [Create localhost SSL certificate](https://www.section.io/engineering-education/how-to-get-ssl-https-for-localhost/)

5. Go to chrome://flags/#allow-insecure-localhost and enable localhost SSL

6. Run `npm install`.

7. Run `npm run serve` on one terminal

> When VueJS is running, `- Network: https://IP:PORT/` will tell you the IP address and PORT number for Vue

8. Run `ts-node .\src\server\server.ts` on another terminal.

9. Go to `https://YOUR_IP:VUE_PORT/`

## Features

* Check if people are online or not

* Upload Images

* Message Timestamps

* See when people have joined

* Save message state

* Save the current User

* View Image

* Many more to come!