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.
Published in
3 min readAug 14, 2020
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
- provider
- charts_flutter
- pie_chart
- path_provider
Lets get going and start developing:
- 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:
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.
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.
Demo Video:
Here’s a book you can use to master Flutter:
Github Repo: