gymnasium / code-challenge Goto Github PK
View Code? Open in Web Editor NEWA standalone web app/component/something for html/js code challenges.
A standalone web app/component/something for html/js code challenges.
This is to create a plan for grading code challenges:
Once the grade is complete, we need to give the student feedback:
We should have CI run before code gets to heroku ๐
The code within <CodeChallenge />
is getting long - I'd like to extract the logic that displays the status of the code challenge into its own component. That should show:
Dependent on #7
The Readme file should really explain how this all works.
related to #5 - this is the check to see if rendered code is similar/same/different/wrong.
inputCode
to goalCode
to see if they are identical
This will be a place for all of the instructions needed to complete the challenge. I anticipate that it will fall in line below the title of the problem
Related to #5 - This is to track work specifically related to minifying code.
This should work on tablets/mobile devices as well
Come up with a way to obscure / hide / change the "goal code" markup that renders in an iframe on the page so that a savvy test taker can't just steal it.
When the <CodeChallenge />
component is provided a goalCode
prop, we can expect that that is a desired end result of the work for this problem.
If goalCode
is provided, we should render it in an iframe on the page, as an example of what to do.
On some level, we need to check to see if the code that the student inputs is correct or not
create-react-app
Using the minify package seems to be challenging. When we added it to any of our react code as a dependency, it seemed to break runtime.
I think we may need to run minify as a background task from a separate API process that runs alongside the CRA project. Then we could call the minify process by way of fetch()
and a redux-thunk
action asynchronously.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.