MyPortfolio

A small portfolio app built as a proof-of-concept: one React Native + Expo codebase that targets phones, browsers, and (in progress) the desktop shell with Electron. It is intentionally minimal—it shows how layout and navigation can stay shared while delivery changes per platform.

Demo

Responsive layout

This project uses @programmer1zero1/expo-responsive-window for breakpoints, scaled design pixels, safe gutters, and window-aware helpers so the UI adapts across phone, tablet, and wider web/desktop-style widths. Imports use the scoped package name: @programmer1zero1/expo-responsive-window.

Where you can run it

Target	Notes
Expo Go	After yarn start, scan the QR code (Android / iOS) or use the Dev Tools connection. Same JS bundle behavior as typical Expo apps.
Android / iOS (dev builds)	Use yarn android or yarn ios when you need a native run with expo run:* (requires local SDK / Xcode setup as per Expo docs).
Web	yarn web starts the app in the browser via Expo’s web target.
Electron	Desktop packaging is in progress. Scripts such as yarn electron:dev, yarn electron, and yarn electron:preview wire a local Electron window to the exported or dev web build—useful as the MVP path toward a downloadable desktop build (electron:pack / electron:dist build static web assets first, then Electron Builder runs).

Prerequisites

• Node.js (LTS recommended)
• Yarn (this repo uses Yarn 1 lockfile)

Install dependencies:

yarn install

Common commands

yarn start          # Expo dev server (Expo Go, simulators, web from the CLI UI)
yarn web            # Web only
yarn android        # Native Android via expo run:android
yarn ios            # Native iOS via expo run:ios
yarn electron:dev   # Electron pointing at dev (see project Electron setup)

What this MVP is meant to demonstrate

Rather than maintaining separate apps for each surface, this repo keeps one UI codebase and swaps how it is hosted: native shell, browser, or an Electron wrapper around the exported web bundle. Responsive behavior is centralized in @programmer1zero1/expo-responsive-window, which keeps breakpoints and scaling consistent as the window grows or rotates.

---

Author and package metadata are in package.json.