Inspiration
Since moving to Canada, I have been deeply moved by how accessibility is woven into the fabric of daily life. As a Software Developer with 6 years of experience, my career has been dedicated to refining the user journey, always looking for those "hidden gaps" where a user might feel frustrated or stuck.
I realized that in many educational tools, it isn't enough to just make a website "work". We need to make it feel welcoming. Too often, learners with disabilities feel they have to work twice as hard just to navigate. I don't want any student to feel like they are "falling behind" because of a technical barrier. Learning For All is my way of using my expertise to ensure that education feels like an open door, where every learner feels confident and capable from the very first click.
What it does
Learning For All is a smart learning platform I imagined and built using Gemini:
The Personal Tutor: I asked Gemini to create lessons that change based on the user's level—from Grade 1 to Professional.
The Voice Assistant: I designed a "Walkie-Talkie" style voice system. By pressing Ctrl+M, users can talk to the app and listen to lessons without needing to see the screen.
Friendly Design: The app uses special fonts for dyslexia and "High Contrast" colors for low vision.
Visual Learning: The AI generates custom diagrams to help make hard subjects easier to understand.
How we built it
I used Vibe Coding to bring this to life, acting as the architect while Gemini handled the code:
Framework: The app is a modern Angular application. I directed Gemini to use "Zoneless" and "Signals" to make sure it was incredibly fast and smooth.
AI Brains: I integrated the Gemini 1.5 Flash API to generate all the educational content on the fly.
Voice & Sound: I used the browser's native Web Speech API for the voice-to-text and text-to-speech features.
Cloud Deployment: I used the "Deploy to Google Cloud" feature in AI Studio to host the app on Cloud Run.
Challenges we ran into
The biggest challenge was the Voice Conversation. It’s easy to make a computer listen, but hard to make it feel human. I had to refine my instructions to the AI to create a "Walkie-Talkie" technique, ensuring the app waits for the user to finish speaking before responding.
Accomplishments that we're proud of
I am proud that I was able to take a complex idea from my head and deploy it to the world using AI. Creating a voice assistant that can actually help a blind person feel confident in their studies is the most satisfying part of this project.
What we learned
One of my biggest takeaways was that great design is invisible. I learned that I didn't need a cluttered interface to show that the app was "high-tech." In fact, for a student who is blind or has a learning disability, a "fancy" design is often a barrier. I learned to focus on presenting the concept clearly: big buttons, simple navigation, and zero distractions. If a user can understand the app in three seconds, that is a much bigger win than a hundred complex features.
I learned that timing is everything. Using the "Walkie-Talkie" technique wasn't just a technical fix; it was a way to make the user feel respected and heard, ensuring the computer never interrupts the human.
I’ve seen this project from many different aspects now as a developer, as a newcomer to Canada, and as someone who wants to help. I learned that my 6 years of experience shouldn't be used to make things more complicated, but to make them simpler. Accessibility isn't just a checklist of rules; it’s about making sure the person on the other side of the screen feels confident and empowered.
What's next for Learning For All
This is just the beginning of my project. I have a clear plan to make it even more helpful:
More Languages: I want the app to speak and listen in many different languages. This will help people to learn in their own language.
A "Help Me" Button: I will add a way for users to tell me if a lesson is too hard or confusing. This helps me make the AI a better teacher every day.
Personal Accounts: I want to add a login so users can save their favourite lessons and keep track of everything they’ve learned.
The AI Chatbot: I plan to add a 24/7 AI tutor. If a student is confused by a specific word or sentence, they can just ask a question, and the AI will explain it in a new way until they understand.
Built With
- ai-studio
- angular.js
- gemini-1.5-flash
- google-cloud
- indexed-db
- tailwind-css
- typescript
Log in or sign up for Devpost to join the conversation.