kirilltregubov / share

In development.

Share (Name Pending)

In development.

Project Board

Table of Contents

• Tech Stack
• Setup
• Usage
• Authors
• License

Tech Stack

Client

The client is built with React using Vite as the build tool. It uses Bun as a package manager and task runner. It uses Tailwind CSS for styling, Tanstack Router for routing.

It uses ESLint for linting and Prettier for formatting.

Server

The server is built in TypeScript using Bun.

Setup

Ensure Bun is installed.

Client

cd client
bun install

Server

cd server
bun install

Usage

Development

For both client and server, run the following command in their respective directories:

bun dev

Authors

This project was created by Kirill Tregubov and Jeff Kwan.

License

All code in this repository is distributed under the GNU GPLv3 license. See LICENSE.txt for more information.

(back to top)

share's Issues

exchange client information when they are on same ip

• backend
  • create client object and schema (using zod)
  • create map with networks
  • check ip on connection, assign as key to map if doesn't exist, add the client (information) to that array if they do
    • generate id with crypto.randomUUID()
  • add the client to the "topic" (websocket pub/sub) so they can receive those messages
  • when a client joins, broadcast its client information (stringified json object) to that topic
  • when a new client joins, broadcast all existing clients' information to them

accept file drop onto peer

• add file input into peer component
  • input element with drag handlers
  • inspiration for drag handler logic

frontend displays connected peers

• receive stringified json object of connected peers via websockets
• parse and store in peers map (in react query's cache)
• make a component that displays one peer
• iterate over all peers to display all of them (using component)