Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bberkay/chat-app
A simple chat app built with Svelte, MongoDB, and TypeScript based on Bun.js, featuring functionalities such as real-time search, chat, and dark-light themes.
https://github.com/bberkay/chat-app
bun chat-application javascript mongodb svelte sveltekit typescript webapp website
Last synced: 23 days ago
JSON representation
A simple chat app built with Svelte, MongoDB, and TypeScript based on Bun.js, featuring functionalities such as real-time search, chat, and dark-light themes.
- Host: GitHub
- URL: https://github.com/bberkay/chat-app
- Owner: bberkay
- Created: 2023-11-30T23:27:31.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-25T15:25:23.000Z (6 months ago)
- Last Synced: 2024-06-25T17:12:07.630Z (6 months ago)
- Topics: bun, chat-application, javascript, mongodb, svelte, sveltekit, typescript, webapp, website
- Language: Svelte
- Homepage: https://sveltekit-bun-mongodb-live-demo-app.onrender.com/
- Size: 251 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Simple Chat App with SvelteKit
Live Demo (The site may open slowly because I deployed the project to a free render account)
Table of Contents
Introduction
This is a simple chat application with SvelteKit, Bun, and MongoDB. It's designed to demonstrate how these technologies can seamlessly integrate to create a real-time, user-friendly chat experience as easily as possible.
Features
- Realtime chat
- Realtime search from MongoDB
- Realtime sorting by last message time
- Different selectable users(for testing realtime chat)
- A droid that can send messages to you (for testing realtime chat)
- Light and dark theme
- Responsive design
Installation & Setup
1. Clone the repository
```bash
git clone https://github.com/bberkay/sveltekit-bun-mongodb.git
```
2. Navigate to the project directory and install the dependencies
```bash
cd sveltekit-bun-mongodb/app
bun install
cd ../server
bun install
```
3. Create a .env file like this in the server directory and add the following variables
```bash
MONGO_URL=
```
4. Create a .env file like this in the app directory and add the following variables
```bash
PUBLIC_SERVER_ADDRESS=
PUBLIC_WS_ADDRESS=
```
5. Run the server then client:
```bash
bun run index.ts
cd ../app
bun --bun run dev
```
[email protected]