An open API service indexing awesome lists of open source software.

https://github.com/fami0110/omasce

Obviously the Most Anonymous and (less) Secure Chat ever (i've build:v)
https://github.com/fami0110/omasce

daisyui express nodejs socket-io tailwindcss

Last synced: 3 months ago
JSON representation

Obviously the Most Anonymous and (less) Secure Chat ever (i've build:v)

Awesome Lists containing this project

README

          

# OMASCe
*Obviously the Most Anonymous and (less) Secure Chat ever (i've build:v)*

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) ![EJS](https://img.shields.io/badge/ejs-%23B4CA65.svg?style=for-the-badge&logo=ejs&logoColor=black) ![Socket.io](https://img.shields.io/badge/Socket.io-black?style=for-the-badge&logo=socket.io&badgeColor=010101) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) ![DaisyUI](https://img.shields.io/badge/daisyui-5A0EF8?style=for-the-badge&logo=daisyui&logoColor=white)

My own mini project to learn `node.js`, `socket.io`, and `tailwind.css`.

## Technologies Used

- **Backend:** Node.js, Express.js
- **Templating Engine:** EJS
- **Real-time Communication:** Socket.io
- **Styling:** Tailwind CSS, DaisyUI
- **Alerts & Notifications:** Sweet Alert 2
- **Audio Visualization:** Wavesurfer.js

## Features

- User-friendly interface with responsive design
- Real-time messaging between users
- Don't worry, _I'm not taking your personal info..._ (maybe-). You just need your glizzy username and browser `localStorage` only for your profile :D
- User can make their own channel (room)
- Voice message with audio visualization for preview
- Live chat, see the other user type it message in real-time
- Guest what? It can format your message like WhatsApp! (ex. `*...*`, `_..._`, etc.)
- Notifications for message events

## Installation

1. Clone the repository:

```bash
$ git clone https://github.com/fami0110/OMASCe.git
$ cd OMASCe
```
2. Install dependencies:

```bash
$ npm install
```

3. Add your `.env` file.

## Usage
1. Start the server:

```bash
$ npm start
```
2. Open your browser and navigate to `http://localhost:3000` to use the chat app.