Love Language

Inspiration

Our team is composed of people who speak a variety of languages. Among our friends, we know several couples whose members have taught each other words in their native languages in order to grow closer with each other. We created Love Language to celebrate and gamify this.

What it does

Users can create an account on the Love Language website and register as couples. Each member of the couple can then request to learn words or phrases from their partner, who will respond with a flash card for that phrase. These cards can be reviewed and studied in a spaced repetition pattern for effective learning. Based on making and reviewing cards and maintaining a streak, couples will be placed on a global leaderboard. By making the process so personalized, Love Language encourages learning and growing with your partner!

How we built it

Love Language is hosted on a website built on a MERN stack. User data and other statistics are held in a MongoDB database, while Express.js, React.js, and Node.js handle server and web functionality. In addition, our graphic designers worked tirelessly to create a charming and effective visual design for the page.

Challenges we ran into

For most of the team, this was our first time using these tools to create a full-stack web application. It was a challenge to fit all of the components together, particularly in regards to server operations. However, once we figured out an effective pipeline to carry data between the user and the database, we were able to create many of the features that we set out to make.

Accomplishments that we're proud of

It feels like a great accomplishment just to have a site hosted on the web with full layers of functionality! We are proud that we were able to work together and produce a working product. The graphic design is very clean and we are happy with all of the server functionality that we were able to produce.

What we learned

It was very valuable to gain experience with the MERN stack, which will be highly applicable in the professional world. It was interesting to learn about all of the hoops we have to jump through to serve data from a database to a web application. Our designers learned a lot about the tool they were using, Figma, and how to implement Figma designs into CSS files.

What's next for Love Language

We would love to introduce Love Language to our friends in multilingual couples in order to gain their feedback. It would be especially fun to see how we all rank on the leaderboard and compete with each other!

Built With

• express.js
• figma
• html/css
• mongodb
• node.js
• react.js