Fitgram

A social media app that would inspire you to get fit! You can share your progress and view your friend's progress. This also has a special feature called streak!

Comment

Inspiration

The inspiration for this project came to me when my friends and I started sharing our daily fitness progress screenshots on our WhatsApp group. This inspired every person in the group to have a fitness routine and share that with us. So I thought, why not make an app for this.
As Instagram inspires us to look good and dress well, this app can inspire us to get fit! Just working out one day in the year doesn't help, so we have a STREAK feature to maintain continuity.

What it does

This project tries to solve for Good Health & Wellbeing, this is a social media focused on fitness. As Instagram inspires us to look great, dress well, this app aims to inspire us to have a good fitness routine. The smartwatch would track your daily progress and post it on your dashboard, and if you wish you can share that progress with your friends! On the Explore page, you can view/like/comment on your friend's fitness progress. You also have a profile page where you can see your recent activity.
One of the special feature in the app to inspire people is called "STREAK". This is a number that increases if you post daily progress, and would get back to zero if you fail to post your progress someday breaking the continuity.

How we built it

This complete application is Cross-platform and built using Flutter Framework and Dart as the programming language. We have used some flutter plugins to improve our app. All the circular progress bars are percent indicators. The onboarding page is a Carousel Slider. Bottom Navbar has a private variable as selected_index which changes values on taps, that's how the state is set and navigation happens.

Challenges we ran into

  • This was a far bigger project than I thought it would be and with all the time constraints and since I was working alone, I had to do everything by myself.
  • Making a like button is a little difficult as it changes state when we tap it. So first the Icon is a border Line Icon and then when we tap it, not only the color but the icon itself changes to the filled icon with red color. You can view this in my demo Video.
  • I am not very good at flutter, but since flutter has a lot of resources online I chose this as my primary development framework. I can definitely say that I had to look up for almost everything online and I learned a lot!

Accomplishments that we're proud of.

  • This application is built in a single day by me! It has a great user interface. This app won't overflow on smaller screens.
  • This is has a unique feature called STREAK. A streak is a number that would keep increasing if we post daily. If we fail to post on a day, breaking the continuity, the streak would reset it to zero!
  • A small accomplishment was also having a like button on the explore page. As when we tap it not only changed its state by changing color, but the icon itself changes. First, it is a borderline heart icon, then it becomes a filled icon.
  • I have also added a little detailing to the theme which is green. The bottom navigation bar highlights in green color and text is only visible when we go to that particular page. We can see that in my demo
  • My biggest achievement would be that I got a little confidence as I can build what I imagine!!! 24 hours ago this was just an Idea, now it is a working application.

What we learned.

I learned a ton of new stuff. Whenever I make a new project it always teaches me something completely new which I was not aware of before. I learned how percentage indicators work. I also got to know that the Card widget in Flutter does not have a size property of its own, You have to put it inside a container to give it a particular height and width. I also learned that we should make our app UI dynamic as it could overflow on smaller screens and I learned how we do this. Lastly, I learned the importance of having a team, as I was the only one working, I had to do everything by myself. Next Week I am definitely coming back with a team for the MLH hackathon!

What's next for Fitgram.

Building a companion watch application to send daily fitness progress data to this app. Hosting the backend on the cloud and making them talk! then going straight to the play store!

Built With

Share this project:

Updates