Flutter

Our logo
Receiving a text notification once a day when it is time to flutter
Login screen to access your profile and daily challenge
Entering your friend's phone number to see their past flutters
Webcam to capture a picture of you completing the challenge
Your dashboard to see your past flutters
Your friend's dashboard to see your past flutters

What it does

Flutter is a web app that brings excitement to your daily routine while promoting socializing with your friends. Each day, you'll receive a dare via text message with a deadline to complete and share with your friends. Take a picture of yourself performing the dare and check out your friends' dashboards to see past challenges.

Inspiration

Creating a socializing app is important as a rebound to the effects of the COVID-19 pandemic because it provides a way for people to connect and form relationships while in-person interactions were limited for so long. Additionally, we hope to have a positive impact on mental health by providing a sense of community and connection for people who may be feeling isolated or lonely due to the pandemic.

How we built it

First, we set up the development environment and created the basic structure of the app using React. React allowed us to build reusable components of the app, such as the login page, user dashboards, and dare display. We used JavaScript for the main logic of the app, React allows us to use JavaScript to handle the dynamic data, such as the dares and user dashboards. For the user interface, we used CSS and HTML, we used CSS to style the components, and HTML to create the structure of the components. We also used the React webcam library in order to allow the user to capture the moment. Finally, we used the React Router library to handle routing in order to build the final version of the application that can be deployed to a web server.

Challenges we ran into

Getting started, we are all beginners and have very limited experience with react, so it took a couple hours to even get started! We had to become familiar with the React libraries in order to implement the webcam as well as learning how to redirect from one page to another. A couple challenges we faced when implementing Twilio API was figuring out how to properly format the code as well as understanding how to add a scheduling aspect to our messages being sent out.

Accomplishments that we're proud of

Flutter has a clean and user-friendly interface that is easy to navigate. We are proud that we were able to implement new technologies like the webcam and text messaging notifications. Since we are all beginner coders, we had to learn how to become familiar with React since we had little previous exposure to Javascript.

What we learned

We learned how to work effectively in a team, communicate effectively, and delegate tasks. We have also learned how to manage our time effectively and prioritize tasks in order to meet the deadline. As first time hackers, we had a lot to learn in terms of the technical skills required in app building, such as getting familiar with React as well as JavaScript and Twilio API.

What's next for Flutter

By adding levels to the social dares, users will have a greater sense of accomplishment as they progress through the dares and will be motivated to complete more challenging tasks.

A point system will allow users to track their progress and see how they are doing compared to their friends. This will add a competitive aspect to the app and encourage users to complete more dares.

A function that allows users to challenge a friend will add a social aspect to the app and make it more fun for users to complete dares together. This will also allow users to compete against their friends and see who can complete the most dares. Overall, these new features will make the app more engaging and enjoyable for users.