With the First exercise migrated to React based code, we discussed the next steps for the week and decided to proceed with the next exercise that will consists of 3d widgets, so we landed on the 3d-reconstruction exercise. There were one more concern “How exercise developer can use the components easily ?”. David Maria Arribas came up with the solution that will help exercise developers to resuse componenets in a convenient way.
Integrate the React based code with the new solution
Discover new 3d-widgets to build 3d reconstruction exercise
Create a documentation to guide developers
Accomplishment and Challenges
Integrate the React based code [Task 1]
Follow line exercise code being refractored in react was not the only main requirement of the project, But for the exercise developers to carry the legacy in the different exercises in react and avoid any sort of hardship in reusing the react based widgets that are common for the exercises. To reuse the widgets, exercise developers needs to make a template html and then add tags and resue the component by adding it in similar fashion as using normal django custom template tags.
Discover new 3d-widgets to build 3d reconstruction exercise [Task 2]
Now to start the refractoring of the next most interesting exercise “3d-reconstruction”, the first task was to find the correct library to meet the requirements to build 3d-widgets. So I started my research with the keeping in the requirements. In my research, I found two libraries that met the requirements : Three.js and Worldview
|Three.js is a 3D library that tries to make it as easy as possible to get 3d content on a webpage||Worldview is a library to render 3D objects in a scene, manage the camera, and add mouse interactions|
|Three.js handles scenes, light, shadows, materials, textures, 3d math and all other great things that is achievable with 3d objects||Worldview is restrcited to limited features|
|Three.js has a bigger Open source community||Worldview has comparatively smaller community|
|Tutorials on three.js are easily available||Worldview tutorials aren’t that easily available|
Documentation guiding developers on “How to create react based exercise from Scratch” [Task 3]
With the first exercise refractor completion, There was react base template code available for the exercise developer to begin creating exercises from scratch, but just going deep into 20,000 line of code won’t help exercise developer help build a exercise quickly and efficiently. Documentation was required to ensure easy integration and effectiveness of the process.
Pull Request and Issues