This project was developed as part of a Bachelor thesis, showcasing innovative solutions for interactive education using AR technologies.
In collaboration with [Trendwolves], a marketing agency specializing in youth culture, and [Fedustria], the Belgian federation of the textile, wood, and furniture industries, we created an AR experience for [Twiinz.world], a platform that introduces students to the world of Flemish materials and craftsmanship.
This project provides an immersive AR experience designed for schools, enabling children to build and customize their dream rooms using their mobile devices. By leveraging modern AR technology, this application eliminates the need for bulky hardware, making it easier for the Twiinz.world team to engage with students interactively and sustainably.
-
[Marats Samigullins]
Role: Software Developer & Project Manager Focus: Three.js integration, WebXR implementation, and 3D model handling. -
[Emilia Furtuna]
Role: UX/UI Designer & Motion Designer Focus: Designing the app's interface, creating animations, and developing the user experience.
-
Design and Customize
Students can place furniture, textiles, and decor in real-time AR to design their dream room. -
Interactive Learning
Educational pop-ups provide insights into the sustainability, history, and design principles of Flemish materials. -
Submit and Showcase
Students can submit their designs, which are featured in a gallery where classmates can view and vote on each other's creations.
- Open the project in your browser.
- Use the Start AR Experience button to begin.
- Allow the app to access your camera.
- Navigate through the model menu to select and place furniture in your environment.
- Interact with placed objects: Scale using pinch gestures. Rotate by dragging.
- Submit your room design via the Submit Room button.
-
Choose Models
Browse through a categorized menu to select furniture, decor, and textiles. -
Place in AR
Use the app's intuitive AR interface to position, scale, and rotate items within your environment. -
Learn on the Go
Tap on items for educational details about their materials and craftsmanship. -
Submit and Vote
Once designs are complete, students can submit them to a gallery for peer review and voting.
- WebXR
The app is built using WebXR, a standard for creating AR and VR experiences on the web. - Supabase
Supabase is used to store and manage user submissions and gallery data. - Three.js Three.js is used to render 3D models and create interactive AR experiences.
- Launchapp
Launchapp is used to create a seamless AR experience for users on iOS and Android devices.
This project is licensed under the MIT License - see the LICENSE file for details.