Team Issue: Final Project Check #3

[e-shen2022]

Team vision

For our last trimester of AP CSA, our goal was to build off of our past work in creating a fun and interactive game-style type educational website that allows computer science students at Del Norte to genuinely enjoy learning different concepts. We tackled this goal through many facets.

First, we wanted to make sure the website itself is aesthetically-appealing and intuitive to use so we improved the styling of our frontend and took into account different corner cases to make sure the user interaction flow went smoothly.

Second, we aimed to use api endpoints to create a multiplayer feature where a couple of students can play together at the same time in order to advocate for peer accountability and collaboration in learning.

Third, we hoped to bring unity to our once separate cyber and fight games so that they have an equal level of purpose. By integrating the cybergames into the general leaderboard and creating incentives to play them by including powerups and keys, the player is more inclined to play every game and feature of the project thus better integrating the two games

Lastly, we worked on upgrading various existing features of our game. For example, turning the attack moves from being hard-coded moves that stay the same to now being able to scale with the enemy or player based on the weapon equipped.

Individual Contributions

Period 1

Members	Issue Link
Emma and Grace	Link
Theo and Finn	Finn Link, Theo Link

Challenge

End goal: Multiplayer with API endpoints

• [x] Create Lobby: Send a POST request to /api/lobby/create with lobbyId.
• [x] Register and Join Lobby: Send a POST request to /api/lobby/registerAndJoin with lobbyId, playerName, attack, and health
• [x] Attack Command: Connect and use WebSockets to send a message with the command attack:attackerName;targetName.

Requirements

• [x] Frontend and backend deployed
• [x] Multiple people on different computers can interact with features at the same time
• [x] JPA build in sorting (Leaderboard CSA CSP)
• [x] Custom sort after retrieving backend data (Leaderboard sort by points in backend)

Points of collaboration:

• Grace & Emma: work on updating styling of 3 games together; frequent communication!!

• Theo & Finn: multiple whiteboard meetings to go over structure of our features during class

• all four: table meetings to check up on progress and approve each others next steps before starting

Period 3

Members	Issue Link
Vivian and Aliya	Link
Rachit	Link
Luna	Link
Tanisha	Link
Justin and Shivansh	Link

[Toby-Leeder]

1. Vivian + Aliya
   • Developed key system to connect pvp and cyber house
   • In the cyber house you can do three different games
   • Keeps track of games played by a user. Once it gets to three, there's a request to update the number of keys user has collected
   • Keys then appear in quest log which you can use in the game. The keys give you power-ups when answering a question
2. Rachit
   • WEBSOCKET!!!!!!!!!!!!!!!!!!!!!!!!!!
   • Created websockets also for python and node.js for their project
   • have full documentation for it
   • Sorted hashmap for websocket requirements
3. Luna
   • Worked on creating Map, giant array that saves spot of the character
   • Probably worked on the WASD controls as well
   • used Tiled, game program
4. Tanisha
   • Worked on character models
   • used an AI algorithm to automatically create character models based on your facial features
   • Automatically reviews faces and assigns character based on age and gender.
5. Justin & Shivansh
   • Chatbot feature
   • records chat history for each user
   • Have instant chat feature so it doesn't give you answer one word at a time

[drewreed2005]

Group Requirements Focus

I really enjoyed the skit at the beginning. I am a sucker for theatrics. Keep that energy up.

Site/Project Features

• The mix of an RPG-style quiz game was a really smart combination of studying with gameplay
• We liked the attention to detail with the map having the player's position stored
  • I'm glad you went back and explained briefly how it works, the use of Tiled
• Aliya's Cyber House section was a bit confusing, but keys and the quest log were a great way of connecting features that were pretty separate before
  • It would have been good to show the games and how they relate to the studying comp sci theme
  • Having the console open was good on the surface, but it was kind of hard to see what was being discussed
• Face AI was incredibly interesting; it would have been good to hear some discussion of what the library was, how data was collected, etc.
• The ChatBot is also pretty impressive; it was good to see its intelligence and how it could correspond to the game
  • I'd argue the Face AI and the WebSocket implementation were both the stand-outs in the presentation

Feature Requirements: WebSockets, Sort/Search

• [X] Multiplayer/Versus mode
• [ ] Chat?
  • There's a chat bot, but this wasn't using websockets
  • IDK if this was one of the specific requirements, though; I just wanted to bullet it because it was mentioned
• [X] Discussion of Java, Python, and NodeJS
  • Documentation was shown for all three in blogs
  • Unique repositories for websocket implementation was a great touch and good to see
• [X] Sort/search
  • Use of map to sort websocket responses, which wasn't a traditional kind of sort

[Ekamjot-Kaire]

these are the combined notes of all of JCC P1

General Notes/Team Features:

• Educational website that helps cs students to learn about difference concepts
• Good incentive with powerups to continue to learn new concepts
• Really nice frontend styling, typically function is over-prioritized in this class and people don’t spend time making a nice-looking frontend but their project seems to have both function and style (better alignment and responsive sizing)
• Covers general knowledge topics that may be of interest to non-cs people (password creation, how to recognize phishing) → accessible to people outside of this class
• All of the team member seemed like they were engaged in entire process
• Team ticket shows very in depth planning!!
• The features that I saw were similar to what I saw last night at the museum and it was pretty cool. There were also a lot more games that I saw. I did not get to see the features done by Finn and Theo, but I saw a lot of work done by Emma and Grace, and their features all worked and had a good implementation.

Emma Shen: Email Phishing Game, Password Strength Checker Grace Wang: Cyber House, Gravity Game Finn Carpenter: Fighting Monster Game, Theo Huntalas: Multiplayer lobbies

Phishing game

• Incorporated College Board topics (phishing) into the game
• Mapping functions

Gravity game:

• Useful for all cs classes → good way to test topics commonly taught in class
• Backend supported

Fighting Game:

• Fetching from multiple databases

Multiplayer feature [Challenge requirement]

• Collaboration, peer accountability
• Creates a lobby that promotes multiplayer functionality

Summary The work was pretty great, and I've seen glimpses of the project before from Rachit, but I haven't seen it in this much depth. I didn't know that this project actually had that many features

Requirements

The following requirements have been met in this presentation (we were not able to see other requirements met during other project checkpoints):

• [X] Deployment, a full deployment of frontend and backend
• [x] Key features must be deployed in order to be presented, localhost presentations are .55
• [x] Multiple people need to be able to interact with features at the same time, data updates
• [ ] Searching/Sorting, 2 features must support searching and sorting from backend,
• [ ] 1 feature should have JPA build in sorting,
• [ ] 1 features should perform custom sort after retrieving backend data
• [ ] Extra. A feature that utilizes Stacks or Queues for ordering
• [x] Challenge Requirements
  • Rachita Love Story: Websockets to support features like multiplayer and chat on Java, Python, and NodeJS. Here is the original design guide (outdated), here is code for NodeJS.

Possible improvements:

• For the gravity game, it may help to include an option to change the speed of the questions as a way of having different difficulty levels

Presentation improvements:

We understand there was not a lot of time left for your presentation. Perhaps in order to work better with what you do have it may help to show the biggest features first? We weren’t able to see the multiplayer factor of your project, which looked quite interesting :(