ProfileCard

A small Expo and React Native app that presents Jacob Imbus's profile, photo, bio, and current facts in a responsive card layout.

Tech stack

• Expo SDK 57
• Expo Router with file-based routing
• React Native 0.86
• TypeScript
• React Native Web

Getting started

Install the dependencies:

npm install

Start the development server:

npx expo start

Then open the app in Expo Go, an Android emulator, an iOS simulator, or a web browser.

You can also start a platform directly:

npm run android
npm run ios
npm run web

After changing dependencies or local assets, clear the Metro cache if the development server reports stale resolution errors:

npx expo start -c

Available scripts

Command	Description
npm start	Start the Expo development server
npm run android	Start the app for Android
npm run ios	Start the app for iOS
npm run web	Start the web version
npm run lint	Run Expo's ESLint configuration

Project structure

app/
   _layout.tsx       Root stack layout and theme
   (tabs)/
      _layout.tsx     Tab navigation
      index.tsx       Profile card screen
assets/images/
   jacob.jpg         Profile image used by the card
components/         Shared navigation and UI components

The profile image is bundled locally from assets/images/jacob.jpg. Update the text and styling in app/(tabs)/index.tsx to customize the card.

Example

Learn more

• Expo documentation
• Expo Router documentation
• React Native documentation