-
Rough draft of website
Inspiration
We're working with 9 Dots, a LA non-profit dedicated to teaching kids how to code, to create a customizable website where kids are transitioned from block-based languages such as Scratch to a text-based coding environment.
What it does
Our website is comprised of HTML and JavaScript, implementing the Monaco editor by Microsoft. We are aiming to engage younger students in coding and to make the UI interactive and easy for students to navigate. As students transition from block-based editors to text-based editors, there are many challenges such as typing, syntax, and debugging that many beginning coders are unfamiliar with. To minimize frustrations we hope to create an "unbreakable" block-to-text editor that will allow students to explore programming with minimal errors.
Challenges I ran into
The project is not yet finished, but the next steps are to work on read-only parts of code, where either certain keywords or brackets are unable to be deleted to minimize bugs. Right now I am working on learning about parsing and how the implementation of one will help with our goals.
Accomplishments that I'm proud of
This is my first time working with JavaScript, HTML, and the Monaco editor, so there is a large learning curve but I am proud of the progress thus far.
What I learned
I've learned that having communication between group members and self-accountability is essential for a group to succeed, and that without this, it makes progress much more difficult.
What's next for Brick Editor
Read-only parts of code, customizable error messages, auto-complete, search function, etc, etc!
Built With
- html
- javascript
- monaco-editor