Scrapbook

• 

  Landing Page for ScrapBook with options to Tell a Story, Hear a Story, Write memories and so much more!

• 

• 

Inspiration

While a member of my team was conducting research at UCSF, he noticed a family partaking in a beautiful, albeit archaic, practice. They gave their grandfather access to a google doc, where each family member would write down the memories that they have with him. Nearly every day, the grandfather would scroll through the doc and look at the memories that him and his family wanted him to remember.

What it does

Much like the Google Doc does, our site stores memories inputted by either the main account holder themself, or other people who have access to the account, perhaps through a shared family email. From there, the memories show up on the users feed and are tagged with the emotion they indicate. Someone with Alzheimers can easily search through their memories to find what they are looking for. In addition, our Chatbot feature trained on their memories also allows users to easily talk to the app directly, asking what they are looking for.

How we built it

Next.js, React, Node.js, Tailwind, etc.

Challenges we ran into

It was difficult implementing our chatbot in a way where it is automatically update with data that our user inputs into the site. Moreover, we were working with React for the first time and faced many challenges trying to build out and integrate the different technologies into our website including setting up MongoDB, Flask, and different APIs.

Accomplishments that we're proud of

Getting this done! Our site is polished and carries out our desired functions well!

What we learned

As beginners, we were introduced to full-stack development!

What's next for Scrapbook

We'd like to introduce Scrapbook to medical professionals at UCSF and see their thoughts on it.

Built With

• javascript
• minds-db
• next-auth
• next.js
• node.js
• python
• react
• tailwind