Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
22 views2 pages

Task List

The document outlines a project deadline and a detailed task list for developing a React Native application. Key tasks include setting up the project environment, creating tab navigation, designing a header with search functionality, implementing a grid layout for worker profiles, and optimizing the app for performance. The final submission requires an APK, GitHub repository link, and design information to be shared via email.

Uploaded by

gopaldixit9450
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
22 views2 pages

Task List

The document outlines a project deadline and a detailed task list for developing a React Native application. Key tasks include setting up the project environment, creating tab navigation, designing a header with search functionality, implementing a grid layout for worker profiles, and optimizing the app for performance. The final submission requires an APK, GitHub repository link, and design information to be shared via email.

Uploaded by

gopaldixit9450
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Deadline : Sunday 1 PM (29/09/2024)

Task List:

1. Setup Project Environment

 Initialize a new React Native project.

2. Create the Tab Navigation

 Create Two Tabs:

o Tab 1: Welcome Tab (It should contain just "Welcome" text. That's it).

o Tab 2: Categories (This tab will list the different worker categories or icons as shown
in the design).

3. Design the Header Section

 Create a header section that includes a search bar and a carousel (slider) for the icons at
the top, similar to the design.

 Implement a search functionality that filters workers based on the text entered.

4. Grid Layout for Worker Profiles

 Create a grid layout to display worker profiles using components like FlatList.

 Each profile should display:

o Profile Image

o Name

o Country Flag

5. Create Worker Profile Data Structure

 Define the data structure for storing worker profiles, including details like id, name, country,
profileImage, etc. in JSON file

6. Implement Worker Categories

 Create a set of worker categories represented by the icons in the header section.

 Define the data structure for categories, including id, Worker_Role (Astrologer, assistant,
Makeup, Mehndi, Photographer), and icon.

7. Handle Icon Click Events

 Add onPress event listeners to each icon.

 When an icon is clicked, filter and display workers related to the selected category.

8. Styling the Components

 Apply styling using StyleSheet to match the UI design.


 Ensure the design is responsive across different screen sizes.

9. Testing

 Test the application on both Android and iOS to ensure compatibility.

 Verify the navigation between tabs and the filtering of workers based on categories.

10. Optimization

 Optimize the performance of the app, especially the loading time of the worker profiles and
the responsiveness of the grid layout.

11. Submission

 Provide the Apk.

 Share the GitHub repository link and the deployed link on given Email.

 Design Link: Canva Design

 Share all the information on the given Email : [email protected]

 For any query related to the task, you can contact : 7880984813, 6394695357

You might also like