Building a Social App

Declare variables with appropriate JavaScript primitive values.

Construct expressions using arithmetic, comparison, and logical operators.

Predict how JavaScript evaluates expressions involving type coercion.

Select behavior with if, else if, and else statements.

Select among fixed alternatives with a switch statement.

Define and call a function with parameters and a return value.

Explain how block and function scope affect variable access.

Validate a single user input with a reusable function.

Store and retrieve ordered values in a JavaScript array.

Represent a social-app entity with a JavaScript object.

Traverse a collection with a loop.

Transform a collection with map.

Select collection items with filter.

Locate a collection item with find.

Create updated arrays and objects without mutating existing data.

Convert structured app data to and from JSON.

Organize reusable code with JavaScript module imports and exports.

Explain the pending, fulfilled, and rejected states of a Promise.

Consume a Promise with async and await.

Request JSON data from an HTTP endpoint with fetch.

Handle a failed asynchronous operation with try and catch.

Annotate function inputs and outputs with TypeScript types.

Define a TypeScript interface for an app data record.

Locate the source of a runtime error using logs, breakpoints, and a stack trace.

Translate a feature requirement into a low-fidelity screen wireframe.

Build a row or column layout with React Native Flexbox styles.

Apply a reusable spacing, color, and typography theme to a screen.

Adapt a screen layout to narrow and wide viewport widths.

Choose interface controls that match their intended user actions.

Associate accessible names and hints with interactive controls.

Verify text and controls for readable contrast and touch-target sizing.

Design loading, empty, success, and error states for a data-driven screen.

Render a React function component from typed props.

Compose a screen from reusable child components.

Update local component state with the useState hook.

Connect a user interaction to an event handler.

Render alternative interface states conditionally.

Render a dynamic list with stable keys.

Build a controlled form field with validation feedback.

Synchronize a component with an external system using useEffect.

Create file-based screens with Expo Router.

Configure tab navigation for the app’s primary sections.

Configure stack navigation for drill-down screens.

Pass and validate a route parameter between screens.

Separate interface, data-access, and domain logic into distinct project folders.

Share authenticated-user state through a React context.

Protect authenticated routes from unauthenticated access.

Load configuration values from environment variables without exposing server secrets.

Model users, profiles, posts, follows, groups, and messages as related database tables.

Identify primary-key and foreign-key relationships in a social-app schema.

Read selected rows with a filtered SQL SELECT query.

Insert, update, and delete a row through the Supabase client.

Connect the Expo app to a Supabase project through public client credentials.

Implement email-and-password account registration.

Implement sign-in, session restoration, and sign-out behavior.

Write a row-level security policy that restricts a record to an authorized user.

Create a profile record when a new account is registered.

Edit a profile while enforcing username and field validation rules.

Display another user’s public profile from its route identifier.

Implement a follow or unfollow operation without creating duplicate relationships.

Query and display follower and following counts.

Create a text post owned by the signed-in user.

Allow a user to delete only a post they own.

Load a paginated chronological feed from followed accounts.

Select an image or video from a browser or Android media library.

Reject a selected media file that violates allowed type or size rules.

Upload an image or video to Supabase Storage while showing upload progress.

Render uploaded images and videos in a cross-platform post.

Create a group with an initial owner membership.

Join a group under its configured membership rule.

Leave a group without orphaning an owner-managed group.

Enforce owner, administrator, and member permissions for group posts.

Model conversation participants and messages with relational constraints.

Create or reopen a direct conversation between two users.

Persist a message only when its sender belongs to the conversation.

Subscribe to new messages and display them without refreshing the screen.

List a user’s conversations in latest-activity order.

Prevent blocked users from starting or continuing direct conversations.

Submit a structured report about a user, post, group, or message.

Review a report and remove violating content through an administrator workflow.

Write an automated test for a JavaScript or TypeScript domain function.

Write an automated test for a React component interaction.

Run an end-to-end test of the registration-to-first-post user journey.

Execute a repeatable test checklist on desktop web, narrow mobile web, and Android.

Improve long-feed responsiveness by configuring virtualized list rendering.

Configure separate development and production environments without committing secrets.

Build and deploy the production web app for access on PCs and laptops.

Produce an Android release build and prepare an iOS cloud-build checklist that accounts for Windows-only development.