1. Courses
  2. Mobile Apps with React Native
  3. Capstone

Capstone project for Mobile Apps with React Native

Build offline proof of delivery for riders

Riders lose signal in basements and lifts, and deliveries get marked late or lost. Build the proof-of-delivery feature for the Mangrove Rider app with Expo: a photo, a signature or one-time code, and the location captured offline, stored on the phone before the rider sees success, and synced reliably through an outbox with idempotency keys when the signal returns. Permissions are asked only when needed, the job list stays smooth on a low-end Android phone, and you plan the release with a staged rollout and a rollback. Use a small fake API that sometimes times out. Plan for 8 to 12 hours.

What you hand in

  1. A working React Native feature in a public repository (Expo)
  2. Tests for the sync logic and one component test
  3. A release plan with staged rollout, metrics to watch and rollback

Check your work

Tick each item when your project meets it. Be strict: this is the rubric the reviewer uses.

  • Nothing is lost when the app is closed offline: proof is saved to local storage before success is shown, and a test kills and restarts the queue
  • Sync is safe to retry: every proof carries an idempotency key made on the phone, retries back off with jitter, 4xx errors stop retrying and show the rider why
  • Camera and location permissions are requested in context with an explanation, denied and blocked states are handled, and there is a fallback such as a one-time code
  • The job list and thumbnails stay smooth on a low-end Android release build, with one measured fix
  • Tests cover the sync logic with a fake server that times out after committing, plus a component test that queries by role or text
  • The release plan says what needs a store build and what can ship over the air, sets rollout steps and halt criteria such as crash-free users, and describes the rollback

0 of 6 checked

Model answer

The model answer opens once your capstone passes the review, so you can compare your work with an outline of a strong submission.

Hand in your capstone

Your links are checked automatically, then the work is scored against the rubric above, item by item, with comments. A pass counts toward the course certificate and shows on your profile.

Loading…