Butterfly

Landing screen
Browse events screen
Events you're attending
Events you're hosting
Create event form
Website landing page
About section with phone screen recording
Monitoring with Grafana
Monitoring with Prometheus
Monitoring with cAdvisor
Monitoring with Flutter DevTools

🎨 Inspiration

Butterfly is an event sharing and registration app. Inspired by the term "social butterfly", it originated from a problem we wanted to solve. We wanted to make an app that we could tie into our lives and that we would actually use. After passing around ideas, we came up with Butterfly, an app that builds communities around events.

🦋 What it does

Butterfly allows users to view a list of the available events to sign up for and manage the events that they are attending. Users can also create events and manage the events that they are hosting.

👷🏻‍♀️ How we built it

The app was built with a Flutter frontend and a Django-GraphQL backend. We used Flask for the project website. The project was containerized with Docker and automatically deployed to AWS using GitHub actions. We used Flutter Devtools, Prometheus, Grafana, and cAdvisor to monitor the project.

🌋 Challenges we ran into

We were unable to deploy the flutter app to AWS, because our instance was running out of space (even after upgrading to a t2.small, running docker system prune, and making sure nothing else was on the instance. The website and backend is on AWS though! Initially we had thought of developing butterfly as a mobile and web application hence why we used a flutter framework. In the last week we had realized deploying a mobile application was not in the books for us as we would have a lot more difficulties such as obtaining an IOS developers license in our way.

🏆 Accomplishments that we're proud of

We are definitely proud of the UI of our application since it is neat and accessible for users. We are also proud of our ability to debug complicated issues in the backend and frontend. We were surprised by what we were able to accomplish, despite having little to no experience with Flutter and Django-GraphQL. We definitely rose to the challenge!

📝 What we learned

Since none of us had extensive experience in Django, Flutter, or Web Dev we had to deep dive into unfamiliar frameworks and tools. As a team, there was no better way to learn these skills other than experimenting and building. We especially learned just how important communication was between frontend and backend throughout the app's creation.

🚀 What's next for butterfly

We want to build out Butterfly so that there is more of an emphasis on community-building events. We hope to add a discussion board to the event pages, so users who are attending events can create posts and network with other attendees. These updates could consist of information before the event or pictures after the event.