real-dev-squad / mobile-app Goto Github PK

• Setup the RN project with typescript using - npx react-native init UserGreeter --template react-native-template-typescript

update readme for replacing the config-sample file to config.js file where we will have the client id of the rds GitHub and make sure that should not be pushed with the PR.

Create a form according to the short and long-term duration goals.

If you click on the sign-in with the GitHub button then it should redirect you to the GitHub URL it should be the in-app web view that is there in the current app but you should show the in-app URL above. Refer below image ⬇️

Example :

Design Link

https://miro.com/app/board/uXjVOK3Rxjw=/?invite_link_id=151244390202

Integerate codepush in our React Native app

Ref : https://microsoft.github.io/code-push/

API CALL: https://api.realdevsquad.com/users/picture
Type: POST

Body
profile: binary

Change Status To OOO: https://api.realdevsquad.com/users/self

Type : Patch

Body
{ status: "ooo"}

Tasks

• Setup the RN project with typescript
• #12
• #14
• #15
• #16

Resources

• For design: [Figma LInk] (https://www.figma.com/file/i5DNFdpQc11ZJ26zU7goFh/RDS-MOBILE-APP?node-id=0%3A1)
• For component Libaries:
  • https://blog.logrocket.com/react-native-component-libraries/
  • [React Native Paper] (https://reactnativepaper.com/)
• For testing:
  • https://reactnative.dev/docs/testing-overview
  • https://jestjs.io/docs/getting-started

Test For Profile Screen using Jest

Refactoring the code of Profile screen page.

1. separate the logic of camera functionality in separate file
2. Remove constants and add them to constant folder.

https://docs.volta.sh/guide/understanding

Please refer: Real-Dev-Squad/website-members#358

• Users can click on the button to change their status to:

  • active, or
  • idle

• We have to implement these for my site home tab

Feature Test

• Github Auth
• Home Screen component
• Profile Screen component
• Mock data test for Home screen APIs
• Mock data test for Profile screen APIs

• User will be able to see the tab navigation in my site.

In LaunchCamera.tsx, add alert when user denies camera permission

Setup the Prettier check-in mobile app.

• Users will see in-app notifications

Write a script precommit-check which does the following:

1. yarn run format-fix
2. yarn run lint -> so that linting errors and warning can be eliminated
3. yarn run test -> so that one can see and fix failing tests before committing, as it will be stopped at CI stage later

• User will be able to see the drawer navigation by clicking the hamburger menu.

• Users will have to fill in a 3-step form:

  • Personal Details:

    • First Name
    • Last Name
    • Username
    • Email id
    • Next Button

  • Accounts Details:

    • Company Name/ College Name
    • Designation / Branch
    • Experience
    • LinkedIn Id
    • Twitter Id
    • Website
    • Next Button
    • Back Button

  • Upload Image:

    • Card for uploading user profile image
    • Upload Image Button
    • Submit button

For design refer

• https://www.figma.com/file/i5DNFdpQc11ZJ26zU7goFh/RDS-MOBILE-APP?node-id=0%3A1
• https://my.realdevsquad.com/profile

Make one Loader component and add the same wherever needed.

Splash screen for the My-site-app

code should be consistent in

• naming convention
• file names

and use meaningful names.

create the JSON data of title, assignee, description, message count, due date, and button.

Design ⬇️

API CALL: https://api.realdevsquad.com/users/self

Type: Patch

body : {
'id': string,
'username': string,
'first_name': string,
'last_name': string,
'email': string,
'phone': number,
'yoe': number,
'company': string,
'designation': string,
'img': string,
'github_id': string,
'linkedin_id': string,
'twitter_id': string,
'instagram_id': string,
'website': string,
'github_display_name': string,
'isMember': boolean,
'userType': string,
'tokens': {},
'status': string

}

Change Status To Idle API: https://api.realdevsquad.com/users/self
Type: PATCH

Get Status Of the User : https://api.realdevsquad.com/users/self
Type: GET

Replace DatastoreHook from dataStore at line 5

Refer PR

Feature task 👍

Create a floating button with three options - assigned goal, a new goal, and todo.

wireframe :

icons 👍
https://iconduck.com/

Implement Logout functionality.

Making a contributing guide for the mobile app contributors.

This will be the screen, when the user notifications will be empty

Display the username and profile from GitHub authentication response on user profile screen .

Test file for home-screen

create a form by Pressing the button "Fill the Form" on the Profile Screen.

Flow Diagram : https://miro.com/app/board/uXjVOLBYl60=/

Update the Readme File - to add the config file for GitHub authentication.

Header Component

Reference Image :

• 13th March -> issue GitHub auth flow
• 16th April -> GitHub Authentication and enhancement in profile screen

Make the README.md file for the repository explaining the file structure and local installation and running details.

https://medium.com/habilelabs/best-folder-structure-for-react-native-project-a46405bdba7

Replace Alert messages in HomeScreen.tsx file at line and launchCamera .tsx file at

Refer to Design
choose the toast messages color according to the messages!