Develop a Mood Diary Flutter app in just 2 hours.

So,Today I will tell you guys how you can develop a full fledged Mood Diary(Ready for Production) Flutter app in just 2 hours.

A mood diary can help you find these connections between your emotions, situations you are in, the thoughts you are struggling with and physical complaints you might have. Maybe you’re struggling especially at work, or once you start ruminating, or when you feel especially tired.

Packages you need:

• Sqflite

sqflite | Flutter Package

• provider

provider | Flutter Package

• charts_flutter

charts_flutter | Flutter Package

• pie_chart

pie_chart | Flutter Package

• path_provider

path_provider | Flutter Package

Lets get going and start developing:

1. Create a Mood Class with different properties.

class Mood{  
String name;  
String moodimage;  
bool iselected;  
Mood(this.moodimage,this.name,this.iselected);
}

2. Create a Activity Class.

class Activity{   
String image;  
String name;  
bool selected;  Activity(this.image,this.name,this.selected);
}

3. As we will be using On device Storage here, Lets setup DBhelper class:

4. Lets create a Homescreen page now:

HomeScreen Page

The Mood Icons and Activity icons are setup below.

5. setup different mood icons:

6. setup different kinds of activity icons

7. setup a moodcard that will be shown on DashBoard

8. Lets create our dashboard screen now.

DashBoard with all your moods.

9. Here’s the provider class that is helping with the state management and data.

9. Lets work with mood analysis and charts feature now.

Charts Page.

Demo Video:

demo

Here’s a book you can use to master Flutter:

Flutter Projects: A practical, project-based guide to building real-world cross-platform mobile…

Github Repo:

Himanshuranjan30/Mood-Diary-Challenge

Dont Forget to fork and contribute to this project. OPEN SOURCE FTW!

Thanks for tuning in to this article and see you guys in the next one!

https://www.twitter.com/FlutterComm