This skeleton code gives a folder structure and a basic communication pattern to quickly build prototypes of real-time apps.
With only fundamental pattern matching abilities and basic HTML/CSS/JS knowledge you will be able to create functional prototypes of web apps. The skeleton code makes use of the modules/frameworks express js, socket.io, and vue js but for prototyping purposes you will most likely not need to understand these libraries very well.
Do not use this skeleton code for creating production apps. Security and stability have not been considered.
- Install Node JS
- Clone or download (and unzip) this repo
- Navigate to the resulting folder in a command line tool (you know that you are in the right folder if it contains the file structure above)
- Type
npm install
and wait while magic is installing the necessary libraries, which are specified in the file package.json (Don't worry about the npm warning at the end: "No repository field") - Type
node app.js
to start the server - Use a web browser to check what is happening at
localhost:3000
- Use another web browser to check what is happening at
localhost:3000
- Use another device to check what is happening at
<your IP address>:3000
(for this you may need to adjust your computer's firewall to allow connections to Node)
That should be enough to get started. Happy tinkering!
Before you submit your lab code, make sure you have solved all the mandatory tasks. This checklist helps you to keep track of the tasks.