Memo(rable) | Devpost

Memo(rable) logo.
Sign in page.
Landing page with our mission statement.
Send messages.
Receiving messages.
View all submitted messages.

Inspiration

It's too easy today to be focused on only the bad news and events of the world. In addition, with the ongoing COVID-19 pandemic, it is unfortunately common to feel increasingly isolated from others. That's why we wanted to create Memo(rable)⁠—a website that allows people to feel connected to others by spreading positivity through encouraging messages!

What it does

Memo(rable) is a website for people to send and receive encouraging messages. Users can send a positive message, as well as receive an encouraging message written by another user. Users must log in to use Memo(rable), and messages can be sent in with the user's name included in order to make the messages seem more personal and alive. However, there is also an option for the user to remain anonymous if they wish to do so. Once a message is sent in, it gets added to a database in realtime, and another user can receive a randomly chosen encouraging message from the database. There is also a page where users can view, edit, or delete the messages that they have sent into the database.

How we built it

Memo(rable) was built with Google's Cloud Shell Editor. In order to authenticate a user and save all of the messages inputted, Firebase's realtime database was used. The pages were built with HTML, CSS, and JavaScript.

Challenges we ran into

It was challenging to figure out how to use Cloud Shell Editor in conjunction with Firebase's realtime database. In addition, the application of CSS was difficult to navigate and implement.

Accomplishments that we're proud of

We are proud that we managed to create a fully functional product within the given time span. Since a large portion of our team was inexperienced with Cloud Shell Editor and Firebase, learning how to use these tools was a huge accomplishment to us. We are also proud that we managed to implement all of our basic functionalities, and we also had enough time to implement more functionalities than we had originally planned for, such as the ability to view the history of the messages that the user has sent, as well as the ability to edit and delete those messages.

What we learned

We learned more about how to use the Cloud Shell Editor and Firebase's realtime database to store data such as inputted messages and user login information.

What's next for Memo(rable)

Next steps for Memo(rable) would be the ability to make Memo(rable) available to the public without needing to manually authenticate individual accounts. We would also like to implement a feature that senses and flags negative language that goes against our code of conduct, in order to ensure that Memo(rable) can be as positive and safe as possible.