Rumble

eventplanning tool for mobile

Idea | Design | Web Development

Rumble
How to stay zen when organizing events with your friends?
Rumble project animation

Context

I completed this coding project as part of a 3-month coding bootcamp at Ironhack, during the final week of the three total project weeks. Together with my team partner, we chose to tackle a problem that we are familiar with from our own everyday life, and that involves an overload of groups and notifications in our messenger apps.

Idea

Say goodbye to hundreds of different group chats, exploding messages, and discussions. View and plan all your events in one place with your friends and decide on details democratically, or even plan a private poll to decide on a gift for the host.

Technologies

We built an SPA front end with React and a REST API back end with Express.js, MongoDB, and Mongoose to enable our users to perform all CRUD actions on the various data models. We utilized JSON Web Token (JWT) technology to authenticate users and secure the API. As a bonus, we used Google's Material UI to become familiar with component libraries.

Realised Features

  • create account / log in
  • create event and edit details
  • invite other users
  • make other users co-hosts
  • accept/decline
  • create polls and vote
  • get list and calendar overview
  • upload picture (profile/event)
  • Features to be added

  • add friends
  • create friends groups
  • filter/search events
  • seed friends birthdays in calendar
  • create threads and add comments
  • send private messages
  • Reflection

    One of the biggest challenges during this project was a highly interdependent data model system that required updates and testing with every new feature added. Additionally, I found that using a component library did not seem to be the ideal case. Having a clear vision for the app's final design, it felt like changing the predefined component properties produced more work than if we had built and styled the components from scratch. Obviously, having worked on this project within a minimal timeframe, in addition to the features listed above, there is still room for improvement in the user experience. Full responsiveness is a must. Microinteractions can make the experience more dynamic and fun. And last but not least, the concept is dedicated to being developed as a native application with extra functionalities for mobile usage, such as notifications and integration with other social media platforms.