- User keys in session code and username
- User either creates or join existing room.
- Any changes made by any users in the existing room will be seen and updated live for all other players in the same session.
- Open up a new terminal in your desired folder and run "npm create vite@latest"
- Give the project name "MultiplayerGame" or any desired project name
- Select Vanilla framework and vanilla (avoid typescript)
- cd MultiplayerGame (or whatever project name you used)
- npm install
- Go into the folder where the new Vite files have been created.
- Download these GitHub repo files and replace the index.html file. Place the other files into the new created folder
- npm run dev
- Click on the localhost link and see the files ready for you code along! You can watch the video here to follow along.
The CSS and HTML files are ready to be used, but there's no Javascript files to run the application in the main folder. If you want the final product instead, don't use the first files you see here. For step 7, extract the files from semi-completed folder to replace the index.HTML files and add on 3 other new files.