irasoro / peri Goto Github PK

Change color: rgb(var(--ion-color-basic-rgb)); to color: var(--ion-color-basic); everywhere.
Delete comments in variable.css

Now our code combines various formatting rules and there are no additional checks for errors in the code, for this purpose it is worth adding formatting by prettier and checking the code through eslint

Separate repeating parts into a separate component (TabDetails).
Separate repeating constants into a separate file.
Rewrite some functions.

In InfoModal add a button, clicking on which opens the Swiper with detailed information about the current phase or cycle.

zib in not lib file folder

Firstly: display only "low" and "hight || high" pregnancy chance.
Secondly: rewrite the calculation of the chance of getting pregnant. High chance - 4 days before ovulation, ovulation and 2 days after. All other days are low.

Now the user, when marking a date, can choose any.
Make it impossible to select a date between today and future.

Now the information in the page very simple and basic.
You need to read more about the symptoms during the phases of the cycle and systematize this information on the page.

Add possible cycles array options. Example,

1. Array is empty
2. Only one item
3. Array is full
4. 3-4 items

Add "reset settings" button in the Welcome modal.

In the Calendar, mark the days of menstruation. (Calendar in DateButton)

Add edit function in the Calendar modal.

Add a new theme (may be dark theme)

Allows not to skip failed tests if the developer forgot to run npm run test:all

Add the ability to display the application in Russian.

Now IonDateTimeButton is used to display the calendar. Replace it with a regular button and a modal window.

As it was written here #63 (comment), we run into the limitation that all necessary calculations are carried out to react hooks, due to which ordinary arithmetic unit tests turn into UI tests

This can be fixed by moving all the calculations to a separate module file, and leaving the hooks as a wrapper for react

Separate a style property into a separate component

Now they are not.

Ionic won't let you do that. Something needs to be done.

Rewrite the getAverageLengthOfPeriod and getAverageLengthOfCycle functions in the CalculationLogics.tsx file.

Replace useEffect for a better hook (If that would be a good idea)

Now the "mark" button on the Home tab and the "ok" button on the Welcome modal are yellow (opposite color). Change them to this style (dark-basic color).
( all colors are here ./src/theme/variables.css)

To test the application during development, create a separate id for this.

Change "1 Days" to "tomorrow" or "1 Day"

Implement unit tests for cycle's calculations logic, such as pregnancy chance, current day etc.

Include possibility to fake current date and remove all template functions in the storage module (emptyArray, singleArray etc.)

Now, when opening a demo, an empty menu, the Home-page does not open. Open the Home-page.

Now you have to separately enter the start date and the length of the period.
We need to combine them. The user should only mark the days of period on the calendar.

If you click on an area outside of the Mark modal, then clicking on the Mark button will fail.

Now the info about the current cycle looks like this.

Rewrite "10 Days" to "Current cycle: 10 Days" and "current cycle" to "Start (start date)".

Now an array can store an unlimited number of objects-cycle.
Make sure that no more than 6 objects are stored in the array.

Now, when you press the "mark" button, you must separately enter the start date and length of the period.
You need to do this: after pressing the "mark" button, a calendar appears, showing the expected days of period. The user can accept or edit them.

After installation of the latest version 2.0.2 app shows incorrect data (35 days of cycle, NaN in several fields etc.)

To fix it I cleared cache and all storage data and setup app again

If you close the app by native Android's 'back' button then app is not closing.
And work out all the "back button" (for example, swiping out of the modal is now an error).

Make the same screenshot size.
Add release version and link to it.

When you solve this #74 , you will need to cover the tests.

Make wrapper around ionic components. It's will help us in case of migration from ionic to another components library and May be useful to split main app logic which now depends on specific ionic's components logic.
As example IonButton will be PeriButton with IonButton inside.

Now user config with all cycles are exists only in the app's storage and we can't move it between devices

There should be possibility to export and import config from one device to another

Config format should have version field which describes current storage data version

Now, if the user has not entered his data, then none is displayed instead of the forecast.
Display clear text instead of "none".

First, change the size and color of the font.
Secondly, the indentation of the upper text and the lower are different.
Thirdly, change the test itself. Make it shorter and understandable.