Learn to Code

Use JavaScript constants to store text, numbers, and true-or-false values.

Organize sample user and post information in JavaScript objects and arrays.

Write and call a JavaScript function that transforms a value.

Build a React Native component that displays text and an image.

Pass sample post information into a component through props.

Style a component's spacing, colors, text, and dimensions with React Native styles.

Create a tappable control with a React Native Pressable component.

Use component state to change a post's liked status when the learner taps a button.

Display different icons or text based on the current liked status.

Create separate feed, camera, and profile screen components.

Configure tab navigation among the feed, camera, and profile screens.

Add recognizable labels and icons to each navigation tab.

Render multiple sample posts from an array with a React Native FlatList.

Configure the feed to move through one full-screen post at a time.

Add creator details, captions, and interaction controls as overlays on each post.

Request and handle permission to access the iPhone camera.

Display a live camera preview inside the camera screen.

Capture a photo and show it on a preview screen with Retake and Post controls.

Add a captured photo to the app's temporary feed for the current session.

Display sample profile information and a grid of posts on the profile screen.

Test the feed, camera, posting, liking, and navigation flows on the iPhone.

Diagnose and correct one common error by interpreting its on-screen message.