INTERACTIVE GRAMMAR TOOLS
HTML5 • CSS3 • Vanilla JavaScript
I also teach English to working professionals and children. I built these tools because I enjoy finding fun ways to visualize grammar and vocabulary concepts with code. It was also very cool to notice my students interacting more to the visuals compared to the traditional text-only powerpoint presentations I used to prepare for them.
Each tool tackles one focused concept like articles, adjective order, conjunctions, verb tenses and more.
Video Demo
My most useful tools
Classroom Rewards Chart
Built mostly for some of my students who were a little hesitant to engage in class performance. They were mostly ages 8-15 years old. This tool helped me track their participation and engagement. Students earn stars for contributions, and the visual feedback keeps them motivated throughout the lessons.
Story Builder
This tool helped me teach my students how to tell stories. I added the option to select the students Common European Framework of Languages (CEFR) levels based on each student's ability, and a dice roller to generate random story elements like the characters, actions, places. We would build narratives together by connecting what appears. The randomness works especially well with my shy students and had proved to reduce time consumption in creating story elements.
Interactive Teaching Interface
This tool currently stores 30 lesson sets I can click through. For vocabulary: I show the definition, we read the short story related to the grammar together, then I reveal true/false questions one by one. Then we discuss a Grammar rule. This interface helped me in controlling the lesson flow while keeping students focused on one element at a time.
