• Develop a home screen for the app as given in the figma file.
• A proper timer should be created that updates in real time.
• The results (like money saved and life saved) should be displayed according to the data input by user in Onboarding Screens, but for now you can hardcode the values.

Refer to Figma file for more info

Design for the screens

First OnboardingScreen

HomeScreen

Display the name entered by user in place if John
Currently, "Good Evening, John" is hard-coded, you have to make it dynamic.

Lock Device Orientation to Portrait Only.

Download Icon from here

Change the App Icon for Android as well as IOS, Currently the app icon is the default icon provided by flutter

In the onboarding screens, User enters some data

• His Name
• Number of cigarettes smoked per day
• Number of cigarettes in one pack
• Cost of a pack

Calculate the money saved by the user till now and update it accordingly every minute.

Timer in Home Screen is updating every second, you have to calculate the money saved according to timer.

• First calculate the money saved by user per minute (it could be in decimal).
• Update it in real time
  

Right Now, the time displaying in the timer is hard-coded. The objective of this issue is to make the timer working that is updating in real time.
As soon as the user open the app for the first time, the timer starts from 0 seconds and keeps goings.

Refer to FIGMA FILE for more info

Right now, This greeting message is hard-coded as Good Evening, have to make it dynamic.
The Greeting message should be displayed according to the current time of the user's device.

Greeting message convention

• 05:00 AM - 11:59 AM -> Good Morning
• 12:00 PM - 04:59 PM -> Good Afternoon
• 05:00 PM - 04:59AM -> Good Evening

In the onboarding screens, User enters some data

• His Name
• Number of cigarettes smoked per day
• Number of cigarettes in one pack
• Cost of a pack

Calculate the cigarettes saved by the user till now and update it accordingly every minute.

Timer in Home Screen is updating every second, you have to calculate the cigarette saved according to timer.

• First calculate the number of cigarette smoked by user per minute (it could be in decimal).
• Update it in real time
  

By clicking on share button, user should be able to share his/her progress as a image.

Image to be shared should be like this

You can find the tutorial for sharing widget's screenshots here.

Create the given Onboarding Screen and store the name input by the user in variable for further use.

Refer to Figma FIle for more info

• Create the given Onboarding Screen
• Store the data input by user in variable for further use.

Refer to Figma FIle for more info

Change the name of the Application from i_can to I CAN

User enter his/her details in onboarding screens, by using those details

• Calculate the life of user saved till now in hours.
• Display it on the HomeScreen.
• It should be updating in the real time.

Formula for calculating life saved.

1 cigarette can decreases your life span by 11 minutes,

• It means, if you are not smoking 1 cigarette for 1 day then your life saved will be 11 minutes after a day.
• Not smoking 10 cigarette for 1 day then you save 660 minutes after a day.

Comment down if any doubt regarding this issue

You can use Shared Preferences for this implementation.

Onboarding Screens should be displayed only once for the first time start of app.
Then after passing all the onboarding screens, the navigation should go to the HomeScreen.

• Create the given Onboarding screen
• Store the data input by user in variables for further use.

Refer to Figma FIle for more info

Display a random motivating fact that updates everytime in some period of time (like changes in every 30 seconds).

Suggestions

• Can use any API.
• or Create a list of many motivating facts and fetches them from that list.
  

Refer Figma file for more info

Change the name of Application from i_can to I CAN

• Create the given Onboarding screen
• Store the data input by user for further use

Refer to Figma FIle for more info

• Create the given Onboarding screen
• Implement the DatePicker to choose date
• Store the the data for further use

Refer to Figma FIle for more info

Suppose we choose 2nd October 2022, then it should be displayed like this

Refer figma file for more info