Tech Stack
HTML 5
AR.js
AFrame.js
Javascript
CSS 3
Description
AR Learn is an interactive Augmented Reality (AR) learning application designed to make education more engaging for children. Built using HTML, CSS, JavaScript, AR.js, and AFrame.js, the app leverages marker-based AR technology to display dynamic 3D models corresponding to each of the 26 alphabets. When a marker is detected through the device camera, the corresponding 3D object appears in real-time, creating an immersive and playful learning experience.
This project enhanced my understanding of AR frameworks and 3D scene creation while emphasizing the importance of user-centered design and interactive learning experiences for young users.
- Developed an interactive AR learning app using HTML, CSS, and JavaScript
- Integrated AR.js and AFrame.js to enable marker-based 3D visualizations.
- Designed 3D models for 26 alphabets, displayed upon real-time marker detection.
- Focused on creating an engaging, intuitive experience tailored for children.
- Improved performance and responsiveness for smooth AR interactions across devices.