Scribd
Upload
30 views2 pages

Task - Develop A Health Monitoring Application With React Native

Health monitoring application task

Uploaded by

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

Task - Develop A Health Monitoring Application With React Native

Health monitoring application task

Uploaded by

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

Task: Develop a Health Monitoring Application with React Native

Objective: Create a health monitoring application with three key screens using React Native. Use
your creativity to design the app’s user interface and interactions.

Screens:

1. Dashboard Screen:
○ Display an overview of key health metrics, such as steps taken, calories burned, and
water intake.
○ Use charts and summary cards to present this information in a visually engaging
manner.
○ Implement features to view daily, weekly, or monthly summaries.
2. Activity Log Screen:
○ Show a detailed log of daily activities, including steps, exercise sessions, and calories
burned.
○ Allow users to filter and view activity data by date range.
○ Design a user-friendly interface to browse through past activities and view detailed
information for each entry.
3. Health Tips Screen:
○ Offer personalized health tips and recommendations based on user activity and health
data.
○ Include articles, tips, or advice on various health topics.
○ Design a layout that makes it easy for users to navigate and read the health tips.

Functionality:

● Navigation: Implement smooth navigation between screens using React Navigation.


● State Management: Use React's state management (e.g., useState or useReducer) to
manage and display user data.
● Data Persistence: Implement local storage to save user data (e.g., using AsyncStorage) so
that it is retained between app sessions.

UI/UX:

● Design: Create a clean and intuitive user interface for each screen. Use your creativity to
design layouts and visual elements that enhance usability and engagement.
● Data Visualization: Incorporate charts, graphs, and other visual elements to effectively
present health metrics and activity data.

Instructions:

1. Set up a new React Native project using the latest version of React Native CLI.
2. Implement the three screens with the described functionality and design.
3. Ensure the app is responsive and works well on both iOS and Android devices.
4. Write clean, well-documented code.

Submission:

● Share the GitHub repository link containing the project code.


● Include a README file with instructions on how to run the app and any additional setup
steps.

You might also like