/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.

Primary LanguageSvelte

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.

sveltekit-bun-mongodb-preview

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
  1. Navigate to the project directory and install the dependencies
cd sveltekit-bun-mongodb/app
bun install
cd ../server
bun install
  1. Create a .env file like this in the server directory and add the following variables
MONGO_URL=<your_mongodb_url>
  1. 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>
  1. Run the server then client:
bun run index.ts
cd ../app
bun --bun run dev
berkaykayaforbusiness@outlook.com