The objective of this final sprint is to start implementing the Judge0 currently the questions are only multiple choice and we are missing FRQ based questions which are the main key points in both CSA and CSP tests. I will do this by creating an online code compiler for the users to write down their code and see the output. Visualizing the output will help the users figure out the college board questions similar to using the spring_portfolio.
Tasks
[x] Add a page into the game with the UI (20%)
[x] NEW/ > adding Judge0 feature
API
Frontend UI
CODECODECODE
Schedule/Plan
Monday: Share plan with team and make sure that N@TM requirements are met. Start working on the map integration tonight
[x] make a copy of the current repo to check why the map isn't showing
[x] try to make map documentation so next time it is easier to change (so anyone can do it)
Tuesday: Work with Aliya and Vivian and figure out the map integration (keys and coins)
[ ] finish map configurations
[x] possibly add more collisions for the coins/keys
[x] start working again on the Judge0 compiler? (if the map is working)
Wednesday: Work on the Judge0 and make sure the frontend is finalized and connect the backend with the front
[x] finalize the frontend
[x] implement the API fully and make sure it is running right
[x] add in the CB pdf FRQ questions
Thursday:
[x] Continue working on Judge0 and make sure the backend is connected and working
[x] Make sure the 'theme' is consistent with the rest of the website
Friday:
[x] Test out the Judge0 and make sure things are working
[ ] implement it into the map and make sure the fight is working
[ ] Maybe talk to Rachit about saving the code to the profiles
Demo/Proof of Completion
All Checkboxes Done
Github Commit Trail
Live Demo
Current
This is what the FRQ Compiler looks at the moment
The map does not show up and I need to find out what was changed in the original code
This was a problem before and I need to document why and how it was changed to show up
Daily Check Ins
5/20
cloned git repo to test out map
still figuring out why the map will not show
5/21
checked out the different .js files
made issue to follow when changing maps
getting inspect errors but image is found (not showing up)
send POST request with the code and language ID, in this case it is 64 since I am using JAVA
get execution result
handle result
OutputWindow component in displays the results of code execution It takes an outputDetails object as a prop, which contains the execution status and output.
based on the status, it decodes and displays either compilation errors, standard output, time limit exceeded messages, or runtime errors, using the atob function for base64 decoding
styled using tailwindcss
send a post request to /submissions endpoint with a pay load
Objective
The objective of this final sprint is to start implementing the Judge0 currently the questions are only multiple choice and we are missing FRQ based questions which are the main key points in both CSA and CSP tests. I will do this by creating an online code compiler for the users to write down their code and see the output. Visualizing the output will help the users figure out the college board questions similar to using the spring_portfolio.
Tasks
Schedule/Plan
Monday: Share plan with team and make sure that N@TM requirements are met. Start working on the map integration tonight
Tuesday: Work with Aliya and Vivian and figure out the map integration (keys and coins)
Wednesday: Work on the Judge0 and make sure the frontend is finalized and connect the backend with the front
Thursday:
Friday:
Demo/Proof of Completion
Current
This is what the FRQ Compiler looks at the moment
The map does not show up and I need to find out what was changed in the original code
This was a problem before and I need to document why and how it was changed to show up
Daily Check Ins
5/20
5/21
5/22
5/24
embedding the pdf into the page and adjusting formatting
working on N@TM formatting and spread sheet
Weekend:
Before
After
send POST request with the code and language ID, in this case it is 64 since I am using JAVA
get execution result
handle result
OutputWindow
component in displays the results of code execution It takes anoutputDetails
object as a prop, which contains the execution status and output.atob
function for base64 decodingsend a post request to /submissions endpoint with a pay load
{ "source_code": "class HelloWorld { public static void main(String args[]) { System.out.println("Hello, World"); } }", "language_id: 64 }