sarthology / ovuli Goto Github PK

Our app needs on boarding so the first task will be fairly simple make three screens

1. Add Name
2. Enter your average period cycle
3. When was your last Period

The content of these tasks will be added in next few issues.

Change the current design to this

Check files in wireframes folder.

Adding Eslint and Prettier to Ovuli

It should take everyone to add your name page.

The please_select_your_language image variable is not defined.
The image is located in the wireframes folder.
Find the image and import it in the src/screens/ProfileScreen/LanguageScreen.js page.

Error screenshot:

This includes creating a pull request template for the contributors.
I am a GSSOC 2020 participant and would like to work on it.
@sarthology

This button is every below in every picture should not be add lil padding here.

Publish and push the code.

Follow this Guide

In this page we want a horizontal number slider something like this

Use Figma to create wireframes of the on boarding pages and upload them to wireframes folder.

Currently, we are not Saving the Name, Average Cycle Period and Last Period entered by the user.
We want to save the data offline on the device of the user.
Use async-storage and store the data on the user device.

Follow the guide below:
https://github.com/react-native-community/async-storage

Change the design of splash screen to this

Get files in wireframes folder.

Not merge properly. Please fix it.

it should look like this

In this we have to add stacked React Native Navigation to pages added in #4.

Adding documentation to run the app locally on phone using expo, including screenshots

Note:

• The branch in gh-pages
• Read more about Docusaurus here

Description

When you start typing for couple to characters nothing shows up.

Screenshot

There are a lot of dummy content in the Docusaurus. Please remove it.

branch: gh-pages

Please need to make community guidelines and document information proper and be perfectly clear.

Instead of greeting it's Throwing error every time.

From this

to this

Currently everyone is using pngs for the text in every page. Please use text instead. The font that we are using in already mention in Design System.

It should look exactly the same.

Use husky to add pre commit hooks and enforce Eslint setting.

We have to make simple input tag and a next button in this page.

Use Sample.json to create files for multiple languages (only Indian)

As now we are saving the data. App should remember that whether I have completed the on boarding or not.

If I have it should take me to home page Directly.

You have to make a new page between add your name screen and Average Cycle screen.

This is how it looks

If yes

Then take them to AverageCyle page

If no

Then take them to when was your last cycle page

I would like to add git badges like forks, stars, watchers, pull request, issues, license, last commit, repo size, contributor to the README file. Please Assign me for this and this can be labelled as gssoc20 and easy . @sarthology @sahilit @praveenscience @jamesgeorge007

The LastPeriodScreen has repeated code.
Check and remove the duplicated code and fix the bug.

Add Select Language page with option to select language like this.

Libraries to look for:

https://github.com/kalontech/ReactNativeWheelPicker
https://github.com/rdhox/react-native-smooth-picker

Use Jest to write test cases for ovuli.js location src/utils/ovuli.js.

In iOS, The slider is not in centre

Change this

to this

See wireframes/assets folder and use SVG icons.

Please follow the guidelines here

Change the current AvgCycleScreen page to this

Check wireframe for files.

Please add fonts, colour code and illustrations to assets folder in wireframes.

Changing the tab icons to this

Icons are in assets already !!

@sarthology As a GSSOC participant I would like to add a CODE_OF_CONDUCT.md file in this project. Please assign me this issue.

Additional context

Screenshots

In this page you will be redirected if you don't know your average cycle period. In this there will be a Calendar like #8. Use this package only.

Add these two new pages in the app

and

Presently, the user can proceed by leaving the Name field empty which shouldn't be the case.

Add validation logic here:-

Use should be able to navigate through the next button. The sequence is following:

1. YourNameScreen
2. AvgCycleScreen
3. LastPeriodScreen

The dot should be in centre.

Creating splash screen for the ovuli app

Create a document that can help others to know about the color, fonts and sizes to be used universally.

#56 Allows to store data Locally. Let's use the same library now to use the data to give results. You may use ovuli.js (Already Present in the src/util folder).

Error message after running expo start

Presently we've separate scripts to execute eslint and prettier checks. Well, we could leverage eslint-plugin-prettier to unify them. Also, the pre-commit hook is configured to run just the format script.

Please follow these instructions.

Here it will be a calendar. We will be using this Calendar package.

Possibly this

Currently it's in png format. @robot-with-feelings please add them asap.

Setting up docusaurus in a separate branch.

Follow Installation here.

Remember it will a separate branch entirely names "gh-pages" so work wisely.