Snap It | Devpost

Logo
Figma Mockup
Loading Screen
User Private Password Screen
Main Screen (with motivational quote)
Camera Prompt Screen
Picturing Taking Screen
Write a message Screen
Message Analysis Screen
Emotion Analytics
Options Bar
Snap Analytics
Previous Snap Analytics
Snap Journal (Calendar View)
Settings
Privacy Controls
Account Settings
Change Username
Change Password
About Us
Change Email

Inspiration

Snap It is inspired by personal struggles with Seasonal Affective Disorder (SAD). As university students, there are often times, especially in Fall and Winter, where we have immense stress due to workload that we don't even realize. With social media platforms, one is able to fall into the internet rabbit hole, which creates mental fatigue and unproductiveness. Hence, Snap It is here to help people who need support with their mental health affected by SAD while having fun creating a visual journal.

What it does

"Snap It" is your personal mood companion, empowering you to capture and reflect on your emotions with ease. With just a snap, our app transforms your moments into a visual journal, guiding you through a journey of self-discovery and emotional well-being. Seamlessly integrated prompts and sentiment analysis help you understand your moods better, while a supportive community stands by your side. Take control of your mental health journey – Snap It, and let your emotions unfold."

How we built it

UI/UX Design:

We created wireframes and prototypes on Figma to visualize the app's layout and user interface. We implemented a mapping of how our app's UI would look like. Then, we customized all graphics and visual elements, such as a logo to individual emotion screen for a user-friendly interface that facilitates easy navigation and intuitive interactions. We incorporate elements of gamification and personalization to enhance user engagement and retention.

Frontend Development: We developed the frontend of the app using Android Studio and Kotlin programming languages. We implemented features such as camera integration for capturing photos, text input for writing comments, and user authentication for personalized experiences. We use Microsoft Azure Text Analytics REST API to analyze user manual messages to detect their emotions. We ensure responsiveness and compatibility across different screen sizes and devices.

Challenges we ran into

We faced a learning curve when using a new development tool like Android Studio and we had times where debugging and troubleshooting were difficult. However, with helps of ElleHacks mentors and our own search on Stack Overflow, we were able to overcome these problems.

Accomplishments that we're proud of

We are proud of our app's full mockup with all the components included and running smoothly. We are proud of designing an app that we are truly passionate about in Android Studio.

What we learned

We learned to use Android Studio for mobile app development and implementing external API into our functional code. In addition, we learned to use mockup to enhance our design.