Sped-up Video: https://youtu.be/MnkPOtIHMAs (1:59)
Due to the current situation of COVID-19 and social-distancing, we wanted to create a fun fitness mobile app where users can workout at home.
Our app is called Cuarantine. This app allows users to join a live stream workout class that is hosted by an instructor. Users can compete with their friends in various types of exercises such as squats, pushups, crunches, and etc. In addition, this app allows them to track their weekly progress of how many reps they did for each exercise per week as well as the type of exercise they completed.
Each member of the team used various types of tools to build this app. Our UX/UI designers, Luis and Ashley, used Figma/Flutter to design the layouts. There are 9 screen layouts which includes the landing page, login page, sign up page, home page, create a room, profile, progress, and workout streams for the workout class and competitive interface. Irene is a Statistician, who was in charge of creating the graphs for the weekly progress of each exercise type. At first, she created an Excel spreadsheet of the data, imported it to R, and exported the image of the graph into Flutter. However, the image was too small for the Android Emulator, so she hard coded the data into Flutter instead. Tim is the project manager and backend developer. He organized the team, helped delegate tasks, and constructed some of the UI frames. Lastly, Calvin worked on integrating Google Cloud’s Video Intelligence API into our application to detect when a user leaves the screen and sends a push notification to the user.
Some of the challenges we faced are communication and using/setting up Flutter. Since the hackathon is virtual, it was hard at times getting everyone online and responding in a timely manner. Furthermore, some of us never used Flutter before so it was a challenge to learn it.
We are very proud that our team consisted of members from diverse backgrounds who integrated their skills and expertise in successfully developing the mockups of the app. This was a difficult project for some of us. However, it was also a rewarding experience because it challenged our skillsets and broaden our knowledge in development.
We learned how to develop an Android application in Flutter/Dart, how to develop a simple Twilio script to send SMS message, and how to make API calls to Google Cloud to take advantage of their services. Some of us also reviewed UI/UX design in Figma and business entrepreneurship in a start-up environment.
- Implement finalized user interfaces in Dart based on Figma hi-fi mocks.
- Continue building out and integrating Google Cloud Video Intelligence into livestream.
- Complete the Twilio microservice and integrate with Flutter/MongoDB.
Try It out
agar.io, android-studio, api, dart, domain.com, figma, flutter, google-cloud, mongodb