DEV Community

njd5435
njd5435

Posted on

Blog Post #10

Summary
For this project, I worked with a group of 3 other members to create a sorting test where the user is able to drag or press a button to put the items in order. The user can reset the game and check their answers.

Question 1 Screen Setup
Image description

Check Answer Screen
Image description

Example of a piece of code used in the project
For this project we mainly focus in creating everything within 2 specific classes, the SortableFrame.js and SortableOption.js. Attached is the render function used in the SortableOption.js. We used slots and divs within our render function. It will render based on the users actions and includes the up and down buttons if the user chooses to move their choices to the correct location that way.
Image description

HAX and JSON
Our group is still currently adding components of HAX into it since we did do this differently then other groups in our class. The portion of HAX that is included in our project is the HAX Schema. JSON file includes our questions and answers to allow that to populate and work.

Link
Github:https://github.com/njd5435/project-3/tree/master
NPM:https://www.npmjs.com/package/@table-in-the-corner/project-3

Top comments (0)