Inspiration My inspiration for Memory Lane came from a very personal place—my grandpa, who has dementia. Watching someone you love slowly lose pieces of their memory is heartbreaking. I wanted to build something that could help preserve those important memories and moments, not just for him, but for anyone facing similar struggles. I envisioned a tool that could help people with memory loss relive meaningful experiences in a simple, digital way.
What it does Memory Lane is a web application designed to help individuals with memory loss revisit their past through a visual timeline. Users (or their loved ones) can upload photos, voice notes, and small descriptions tied to specific dates or events. The app then organizes these into a clean, scrollable timeline. There's also a gentle reminder mode that highlights a "memory of the day" to help users recall important people, places, or feelings.
How I built it I built Memory Lane primarily using TypeScript and JavaScript, with a React framework to keep everything responsive and interactive. I used Firebase for backend storage—handling image uploads, user authentication, and real-time database syncing. For UI, I used Tailwind CSS to make everything accessible and visually calming. I also integrated some light text-to-speech functionality to read out memory captions, making the app even more engaging for elderly users.
Challenges I ran into One big challenge was designing the app to be extremely user-friendly for older users. Balancing simplicity with functionality was tricky—I had to rethink navigation and UI several times. Integrating Firebase’s storage and real-time features while handling media uploads also took a bit of debugging, especially with async functions in
Accomplishments that I'm proud of I’m really proud of how intuitive and clean the final product turned out. Seeing it work the way I envisioned—and thinking about how it might genuinely help people—is super rewarding. This is also one of the first full-stack projects I built almost entirely on my own, using technologies I’ve only recently gotten comfortable with.
What I learned I learned a lot about building with React and Firebase, especially handling media storage, authentication, and database reads/writes in real time. I also learned a lot about designing for accessibility—everything from color contrast to making navigation keyboard-friendly. And beyond the technical side, I learned how much thought needs to go into building something that’s both functional and emotionally supportive.
What's next for Memory Lane I’d love to expand Memory Lane by adding features like facial recognition to automatically tag people in photos, audio-to-text transcription for old recordings, and a sharing feature for family members to collaborate on the timeline. Eventually, I want to explore offline support so it can be used in areas with limited internet access. Most of all, I want it to become a real tool families can rely on to preserve their loved ones’ stories.
Built With
- css
- javascrip
- javascript
- typescrip
