Alphabet
Adventure

Overview

Discipline
Front-end Develop Interaction Design
Visual Design
team
Individual project
timeline
4 weeks
tool
P5.js, VSCode

Introduction

Alphabet Adventure is my vision for transforming how children learn the alphabet by creating a fun and engaging webpage.

By integrating speech recognition using Google TeachableMachine and creative coding with P5.js, I have designed the site to recognize spoken letters and respond with dynamic visuals and sounds, such as emojis, to create an interactive learning experience.

My goal is to innovate early childhood education, making it both joyful and accessible for all children.

Key Features

Voice Recognition
Utilizes Google TeachableMachine to recognize spoken letters, helping children learn pronunciation and letter identification.
Interactive Alphabet Display
Each letter of the alphabet is displayed interactively, allowing users to click and hear its pronunciation.
Accessible Design
Ensures the interface is simple and user-friendly, promoting accessibility for children with different learning styles.

Design Process