Simple Chat App with SvelteKit

This is main branch, you can also check svelte-4 branch to see svelte 4 version. Live Demo (The site may open slowly because I deployed the project to a free hosting server. To avoid problems that may arise due to a slow connection and to be able to use features that are not available in the demo, I recommend that you download the project to your machine and try it.)/p>

Table of Contents

1. Introduction
2. Features
3. Installation & Setup

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

git clone https://github.com/bberkay/sveltekit-bun-mongodb.git

2. Navigate to the project directory and install the dependencies

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

MONGO_URL=<your_mongodb_url>

4. Create a .env file like this in the app directory and add the following variables

PUBLIC_SERVER_ADDRESS=<http/https:your_server_host:your_server_port>
PUBLIC_WS_ADDRESS=<ws/wss:your_server_host:your_server_port>

5. Run the server then client:

bun run index.ts
cd ../app
bun --bun run dev

---

berkaykayaforbusiness@gmail.com