Frienderlies

Frienderlies Logo
User preference page
Login page - Large text for easier readability
Register page - Large text for easier readability
Invision wireframes for user flow and feature brainstorming
Brainstorming for features and work delegation
User flow to create a new profile: Large buttons and simple design for the elderly to easily use
Database and system design for user profiles
User flow to add friends by location proximity and shared hobbies.
login and register pages.
Simple Swiping page
Chat page after users match
MongoDB example document

Inspiration

We were inspired by apps such as Tinder, Bumble and Facebook which allow people to find others with mutual interests in the hopes of forming relationships; adapting this concept for the elderly and senior citizens in our communities as we think it is for a better social cause. Recently there has been concerning research about the mental health and social isolation rampant in the older communities, especially after the pandemic.

What it does

When users create an account they are prompted to say the city that they come from, and to pick their hobbies from a preselected list. When users log in they will be able to view others profiles and select whether they would like to get to know them or not via a swipe left (ignore) or swipe right (message them).

How we built it

Frienderlies is a React app, built with HTML, CSS and JavaScript. The backend uses MongoDB database and Node.js.

Challenges we ran into

Implementing React and getting used to its one page structure
Integrating the front and back-end of the solution
Collaborating in real time via github

Accomplishments that we're proud of

The user interface looks clean and polished

What we learned

How to collaborate as a team
How react works and how to use it in conjunction with other apps
How NPM works

What's next for Frienderlies

We can add more features like a chat feature between users and a safety alert feature that alerts a list of trusted friends if the user's phone detects a fall/crash. The matching system can be upgraded to match users based on events in which they have participated, mutual contacts, age ranges and other interests.

Built With

Submitted to

UNIHACK 2023

Created by

I worked on the Backend (Nodejs and MongoDB), database and system design. Lead and managed the team for technical requirements plus assisted the team with some front end work.

Milad Nemati
I worked on the front end by helping create the pages using new programming languages and design and plan the app . It was my first time working with java script and css. Which developed my skills and made me less scared of trying new things.

annemusic2
I worked on the frontend react part. I helped worked on the page. This is my first hackathon and it is pretty intense. I learn to work on projects faster and how to plan projects.

jon65 yip
I worked on the front-end of the website primarily focusing on the UI, as well as creating and editing the video.

Alex Wilson
I worked on the front-end and wireframes. It's my first time using React so the learning curve was steep but fulfilling.

Jiawen T
Euijun Kim