Inspiration

Our team was motivated to work on this project after spending so many months social distancing. It has been tough remembering to keep in touch with everyone around us, so having a way to remind ourselves to be more social can only benefit us.

What it does

The web app takes in new contacts and saves them to a database. This database stores the date that you last contacted this person as well as the date you wanted to contact them next. That way, you can check Closer Together to see if you need to talk to them soon. As soon as you do talk to someone, the idea is to edit the contact so that the app reflects the change and will reset that reminder to a later date.

How we built it

The app was made using React, with a UI from Grommet IO and a database using Firebase. The user interacts with Grommet to upload and see contacts that are stored in the database.

Challenges we ran into

Linking the database to React was the biggest issue. The function needed to return the data was forced to be implemented in a certain way that caused some errors.

Accomplishments that we're proud of

We are proud that the database does work and our changes to it are reflected on the web app. This allows us to add and edit data with full functionality, at least from the database.

What we learned

We learned the steep requirements for building a full stack application. Design goes a long way to dictate how the app is formed. Some libraries are a bit opinionated in terms of design, so choosing the right set of tools is of crucial importance.

What's next for Closer Together

The app could use a little more polish outside of a Hackathon. Styling can be a bit more refined and more integrations with other APIs will be great to have.

Share this project:

Updates