dcipher00 / frindi Goto Github PK

Create a Reset password screen

-a text box to insert new password
-a text box to Re enter new password
-Submit button

Should navigate back to Sign in Screen

Property 'navigation' does not exist on type 'Readonly & Readonly<{ children?: ReactNode; }>'.ts(2339)

in Welcome.tsx and UserSettingScreen.tsx

Add Logo to Community Tab Option on Bottom Stack Navigator

Remove Navigation header from the welcome page which contains the title Frindi.

Add Login Screen

Should Navigate from Welcome Screen on clicking Login button
Should have default splash image in the background

Please use the attached design for reference

Should Navigate from Welcome Screen on clicking Register button
Should have default splash image in the background
Should have these fields:

Name

Email

Contact number

Contact number should have internationalisation field with a drop down and flag

Password

Add a Pop button in the centre of the bottom Stack navigator so we can use it to flash a card in the future implementation of word for the day.

Add video frames to Lecture screen to integrate videos from AWS s3 bucket.

Add Profile screen to be navigated through App drawer with a back button in the center

Create a Otp authentication page.
Should Navigate form Registration page to verification, once the user fills in the details and clicks the Register button.
use the same background image as in Login screen

Add Progress screen to be navigated through App drawer with a back button in the center

Add icons to the Tab Navigation options
Disable Titles, only icons should be made available.
Make use of vector icons imported from expo till new icons pack is decided.

Add About screen to be navigated through App drawer with a back button in the centre

Replace Welcome Screen background with Solid color or gradient whichever suits the button colors

Add styling to the buttons on Register and Login Screens

Should use Touchable Opacity as the React Native Button is very limited in what you can do. for reference check , Button

It does not have a style prop, and you don't set text the "web-way" like <Button>txt</Button> but via the title property <Button title="txt" />

If you want to have more control over the appearance you should use one of the TouchableXXXX' components like TouchableOpacity They are really easy to use

Add validations to the registration field
Password should have

At least 1 upper case character

At least 1 lower case character

At least 1 special character

At least 1 number

Add social Sign in buttons on Login screen

Google

Facebook

Twitter

Recommended to use icons from https://ionicons.com/
can import through expo vector icons

Create forgot password otp screen

-Text box for otp
-Submit Button

Should navigate to Reset password screen

Add Community Screen to be navigated to on pressing community option on bottom stack navigator

Welcome screen consists of 2 buttons

Login & Register

Add Css to the buttons, Add Touchable Opacity

Unify button size and style

Add validation to login screen form.
Username should be email id and Password should have At least 1 upper case 1 lowercase, 1 number and 1 special character

Move all Drawer Screens to DrawerScreens directory and update all the imports

Add chat option to Tab Navigation as 3rd option.
In Detail
Tab Navigation should have 3 options

• Activity

• Lecture

• Chat

On clicking Chat, app should navigate to a new screen to be added.

• MainScreen
• Profile
• Progress
• Settings
• Support
• About
• Logout

Add Support screen to be navigated through App drawer with a back button in the center

Logo is to be added on the Welcome Screen above the Login & Register buttons.

Add a forgot password text below Submit button in Login screen

Forgot password text should navigate to Forgot password screen

Create a Forgot password screen

-Email id text box
-Phone No. text box
-Submit Button

Should navigate to Otp verification screen