Skip to content

beef-e/peerJSChat

Repository files navigation

PeerJSChat

Svelte Vite TypeScript

A small real time chat app built using Svelte and PeerJS

Used technologies

Frontend

  • Svelte, to create and manage the UI
  • Scss, to easily create hand-made and good-looking CSS

Backend, tools, libraries

  • Vite, to manage the project structure
  • PeerJS, to manage the connection between the users
  • TypeScript, to easily and quickly write safer code
  • DiceBear, to add cool Avatar icons to the chat

How to use

Simply visit the GitHub Pages site of the repo (https://beef-e.github.io/peerJSChat/), share the code with your friends and start chatting!

Why did I build this?

This project was initiated to allow me to practically learn some Svelte and building something cool with it. I assure you it worked!

It definitely needs some superpowers, listed in here:

To-Do:

  • Improve the reliability and generally the UX
  • ✔️ Make the actual chat scrollable, allowing to see older messages
  • ✔️ Create a confirmation of successful connection
  • ✔️ Make the error alerts less invasive
  • ✔️ Use the second Peer's avatar in the UI
  • ✔️ Possibility to create personal ID's
  • Store older messages
  • Possibility to send basic media
  • VideoCall option