Planning Architecture and Tech Stack
Define the app idea, choose a backend (Supabase or Firebase), select a navigation structure, decide on a state management approach, and scaffold the project with the right folder layout.
Capstone Project Introduction
The capstone is where you apply everything from the React Native track to build a complete, production-ready app from scratch. This lesson covers the critical first step: planning the architecture and tech stack before writing a single line of feature code. Decisions made here — backend, navigation pattern, state management, folder structure — are expensive to change later, so invest time in planning up front.
Defining the App Idea
Start with a clear problem statement: what problem does the app solve and for whom? A well-defined scope prevents feature creep and keeps the project deliverable. Write down: the core value proposition in one sentence, the three to five must-have features for v1, and a list of features explicitly deferred to v2. An app that does three things excellently ships; an app that tries to do everything ships never.
// Example app: 'HabitTracker'
// Problem:
// People struggle to build daily habits because they
// have no lightweight way to track streaks on mobile.
// Core value: Visual streak tracking with daily check-ins
// V1 features:
// 1. Create/delete habits with name and icon
// 2. Mark habit as done each day
// 3. View streak count and calendar history
// 4. Push reminder notification at chosen time
// 5. Basic stats: longest streak, completion rate
// Deferred to V2:
// - Social sharing, friend challenges, premium themesAll lessons in this course
- Planning Architecture and Tech Stack
- Authentication Flow and Protected Routes
- Core Feature: Data Feed with Offline Support
- Polishing, Testing, and Shipping to Both Stores