Chat Application

Warning

This project is working in progress (nearly dumped and forgotten lmao).
Made for fun, and intended for learning web sockets only.

Overview

A simple realtime chat applicaton, allows users to register, log in, and exchange messages seamlessley in a public server. Built with Express.js, Vue.js, Prisma ORM, and MySQL. This project is inspired by chat.ponkis.xyz and is developed solely for learning purposes.

Features as of now.

• User authentication: Cookie based JWT token authentication system.
• Realtime messaging: Implemented websocket with socket.io library for realtime message updates.
• Posting: User can share their thoughts on their timeline.
• Profile Customization: User can edit their profile picture, username, and other information.

Screenshots

Login & Register Page

---

last updated on 02/21/2026 last updated 02/21/2026

Chat Page

---

last updated on 3/4/2026

Timeline Page

---

last updated on 3/4/2026

Installation

1. Clone the repository

     git clone https://github.com/dojimori/open-line.git

2. Navigate to project's directory

     cd open-line

3. Install dependencies for server and client

   • Make sure yarn package manager is installed in your system.
   
   

     cd server && yarn

     cd client && yarn

4. Run each server

    open-line/server > yarn dev

     open-line/client > yarn dev

   • Access on http://localhost:5173

Stack

• Frontend: Vue.js
• Backend: Express.js
• Websocket: socket.io
• ORM: Prisma ORM
• Database: MySQL

Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes and commit (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature-branch).
5. Create a new Pull Request.