https://github.com/fractal-solutions/vite-react-socketio-boilerplate

vite-react-socket.io biolerplate
https://github.com/fractal-solutions/vite-react-socketio-boilerplate

Last synced: 15 days ago
JSON representation

vite-react-socket.io biolerplate

• Host: GitHub
• URL: https://github.com/fractal-solutions/vite-react-socketio-boilerplate
• Owner: fractal-solutions
• License: gpl-3.0
• Created: 2023-02-10T11:44:57.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-10T11:56:05.000Z (almost 2 years ago)
• Last Synced: 2024-01-24T12:07:47.911Z (11 months ago)
• Size: 11.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

VITE-REACT + SOCKET.IO BOILERPLATE

========================================

# *by Quassa*

Implemented basic socket.io functionality with a Vite-React front-end, a nodejs back-end that leaves room for whatever implementation.

Allows sending of messages back and forth between the server and client to allow you to implement server side techniques,

offering protection of data, all while allowing for lightweight Vite-React modern front-end framework.

HOW TO START 

=======================================

Download and Extract RAR file. 

with terminal in the server directory:

**npm start**

with terminal in the client directory:

**npm run dev**

NOTE: **you might want to change the IP address/ Port used depending on your setup.

BUILD FROM SCRATCH

==================

From empty Client + Server document structure:

==============================================

Server Commands:

**npm init -y**

**npm install express cors nodemon socket.io** 

Client Commands:

**npm create vite@latest**

**npm install socket.io-client react-router-dom**