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

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
   

[email protected]