network share

Introduction

Network Share is a web app to share files, images, videos, etc. across the same network in real-time.

Idea

The idea for this project was to create a web application where someone could drop files, images, videos, etc. onto a "drop-zone" so it can be shared easily across the same network. It had to be very simple to use and had to be in real-time.

Future ideas

I currently don't have any future ideas/plans for this project. It doesn't need much to function, either way 😅!

Technologies

Network Share is built with Next.js for the client and uses Express with socket.io for the API. Express handles the file uploads since socket.io wasn't able to handle large file uploads, unfortunately.

For the API, I am using a class based approach to handle socket events. This keeps the API organized and structured.

Features

• Upload images, files, videos, etc in realtime
• Easy to use
• Simple UI

Full tech stack

Frontend

• React.js
• Next.js
• socket.io

API

• socket.io
• expressjs

Other

• ESLint
• Prettier
• TypeScript