Skip to content

nenene-pupupu/disgord-client

Repository files navigation

PROJECT DISGORD

This project is a Discord-like application built using vanilla WebSocket for real-time communication and WebRTC for peer-to-peer media streaming. The application allows users to join chat rooms, participate in video calls, and send messages in real time.

Technologies Used

  • Frontend: React, Typescript, Jotai
  • Backend: Go
  • WebSocket: Vanilla WebSocket API
  • WebRTC: Vanilla WebRTC API
  • Styling: Tailwind CSS
  • Authentication: JSON Web Tokens (JWT)
  • Build Tools: Vite

Installation

Server

Before starting frontend,clone and start the backend server:

git clone https://github.com/nenene-pupupu/disgord-server.git
cd disgord-server
go run keygen.go
go generate ./...
go run main.go

Go and see SERVER README for more detail

Prerequisites

  • Node.js: v20.12.2
  • npm: v9.9.3

Client

Installation:

  1. Clone the repository:
git clone https://github.com/nenene-pupupu/disgord-client.git
cd disgord-client
  1. Install dependencies:
npm install
  1. Set up environment variables: Create a .env file in the root directory and add the necessary environment variables.
VITE_SERVER_URL = "localhost:8080"
  1. Start the development server:
npm run dev
  1. Access the application at http://localhost:5173

Note: Because of audio, webcam, cookie access, you must access through this URL

Tip: Press o with the shortcut key and the browser will turn on immediately

Mockup

1 2 3 4 5 6

About

network protocol assignment#3 frontend repository

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages