MA10: Capstone: offline, usable and ready to release for KhetNote
Demo, self-review and case studies
🎯You'll be able to
Run all 28 tests together, write design notes on the platform, architecture, native features and release, record a demo that shows failures as well as fixes, and write honest case studies.
🏠The everyday picture
A builder handing over a house walks the owner through it, shows the roof that survived the first heavy rain, points to the one tap that still drips, and explains what to check before next monsoon.
📘What it really is
- All together:
npm testwith 28 of 28 passing in one run (about 20 seconds in the reference; not verified on Windows or macOS). -
Design notes (
capstone/design-notes-template.md): the platform approach, comparing React Native and Expo with a native option and one other cross-platform option (MA3); the app's architecture and moving storage to SQLite (MA4); one native feature and background work (MA8); and releasing and running the app, including users who don't update (MA9). Label figures and mark anything untried "not verified". -
The demo (
capstone/demo-script.md, 10 to 15 minutes): the starter's failures, the server set todownand back toup, a conflict, the list with swipe, Undo and a screen reader's actions, dark mode, a form error, the release files and bundle sizes, and the tests. -
Case studies (
capstone/case-study-template.md): three short ones, one per project: the problem, what you did, before and after, results with figures labelled as practice-kit data, limits, and what you learned. -
Self-review: your work against the marking guides, with "not verified" for anything you couldn't run (for example a real phone, a store upload, signing, background tasks, Windows or macOS).
📝A worked example
Input: a case study draft: "I made KhetNote work offline for thousands of farmers, and it's 60% faster."
Steps:
- Check each claim: the kit has 120 invented farms and 520 visits, not real farmers; and no speed was measured on a phone. The figure that was measured is the bundle size, 4.2 MB before and about 1.6 MB after.
- Rewrite: "In the practice kit, I made visits save on the phone first and sync when the connection returns, as checked by the kit's ten offline tests with the practice server down, slow and up. The code bundle fell from 4.2 MB to about 1.6 MB (practice-kit data)."
- Add a limit, such as "behaviour on a real low-cost phone is not verified", and what you'd measure there.
Expected output: a case study that a hiring manager can trust, because every figure says where it comes from.
🌍Where it's used
- Job applications for mobile developer and React Native roles.
- Freelance proposals, where a past project with honest results wins trust.
- Internal reviews, where teams present what they shipped and learned.
📝Case scenario
Two candidates presented similar offline apps. One showed polished screenshots; the other turned off the server during the demo, saved two visits, turned it back on, and showed each arriving once. The interviewers chose the second candidate, saying they'd seen the app cope with the conditions its users face.
🖱️Try it
Write the opening paragraph of one case study using the template, with every figure labelled. Success: a reader can tell which numbers came from the kit and which are illustrative.
⚠️Common mistakes
- Only showing successes. Sign: a demo with no failures. Fix: show the server down, a conflict, and one limit.
- Unlabelled figures. Sign: "60% faster" with no source. Fix: "practice-kit data" or "illustrative" beside each.
- Claims beyond the kit. Sign: "works on every phone", "store-ready". Fix: say what the tests checked, and mark the rest not verified.
🛠️For your project
The capstone is complete when all 28 tests pass together, the design notes, demo, case studies and self-review are done, and the capstone self-check on the Projects page is ticked.
✅Quick check
What should the demo show besides the finished work?
Show the answer
At least one failure and how it's handled, such as the server down and the visits arriving once each, and the limits of the results.
How should figures be labelled in case studies?
Show the answer
As practice-kit data or as illustrative, with where each comes from.