React Native Step Counter Challenge

Overview

Build a step counting application for Android using React Native that displays steps and fitness metrics. This challenge focuses on your ability to create native modules and integrate with Android's Mobile Recording API.

Link to Figma file

Goal

Create a React Native application that:

1. Implements a UI matching the provided design mockup
2. Implement a basic Android Native Module to interact with Android's Mobile Recording API
3. Displays step count, calories, and distance
4. Supports toggling between daily and weekly data

Challenge Requirements

UI Implementation

• Build the interface in React Native to match the provided design
• Display the following metrics:
  • Steps: Current day's step count
  • Distance: Distance traveled (in km)
  • Calories: Active calories burned (in kcal)
• Implement a toggle to switch between Day (D), Week (W) views

Native Module Implementation

• Create a Native Module to interface with Android's Recording API
• Use the Fitness Local Recording API to access health data
• Expose methods to:
  • Fetch today's step count
  • Retrieve historical data for weekly view
  • Get additional metrics (calories, distance)
• Handle permissions properly (request health data permissions from the user)

Evaluation Criteria

We'll be assessing, in order of importance:

• Correctness and functionality
• Code quality and readability
• Native module implementation
• UI/UX implementation

Deliverable and Submission

• Working React Native application
• Upload your project to a public repository and share the link with us.

Resources

• Native Modules Documentation
• Android Recording API Guide

Questions?

If you have any questions about the requirements or need clarification, please don't hesitate to reach out.

Good luck!