- Learning Objectives
- Project Ideas
- Project Requirements
- Directory Structure
- Implementation Guidelines
- Presentation and Demonstration
- Gain experience with multiple patterns discussed in this course.
- Practice scoping a deliverable in a short timeframe.
- Add a real-time project to your portfolio.
- Two Player Games: Tic Tac Toe, Connect Four, Battleship
- Multiplayer Games: IO Games (examples)
- Collaboration Tools: Whiteboard, Text Editor
- Control Physical Devices: Flash LED on Raspberry Pi
- Personal Dashboard: Keep track of real-time statistics about your day
- Financial Updates: Cryptocurrency Ticker, Stock Ticker
- Must use Socket.IO on both the client and server side.
- Must contain at least three events that pass data back and forth between the client and the server using WebSockets.
- Must follow the Project Structure outlined below in this document:
- Client-side JavaScript must be written in
static/client.js
- Server-side JavaScript must be written in
app.js
- Client-side JavaScript must be written in
- Project must implement at least one additional pattern we learned about in this course.
- Repository must contain a
README
file that contains:- Team members
- App description
- Justification for using WebSockets
- Labeled mockup of the app with event interaction details
- How to install and run the app
- Each participant must have five or more commits in the repository at the time of submission on Gradescope.
Please adhere to the following structure when initializing your project. This is to ensure adherence to common front-end structural best practices as well as facilitate grading.
π project_name
βββ π static
βββ π client.js
βββ π index.html
βββ π style.css
βββ π app.js
OPTIONAL: A templating engine may be used, if preferred.
- KEEP IT SIMPLE: The brevity of this starting structure should encourage your team to create a true MVP!
- PREP FOR POLISH: Once the app is functioning, spend the remaining time polishing it for your portfolio.
- ASK FOR ASSISTANCE: Schedule a meeting with Dani if you need help with the front or back end.
TODO