Skip to content

Latest commit

 

History

History
64 lines (45 loc) · 2.89 KB

File metadata and controls

64 lines (45 loc) · 2.89 KB

🟨 Neo-Brutalist Portfolio Generator

A loud, extremely unapologetic mobile portfolio generator. This app takes boring, unstructured resume data and violently parses it through an AI engine (OpenAI / OpenRouter) to instantly generate a high-contrast, strictly brutalist mobile portfolio.

Design Origin: The precise HTML & TailwindCSS mockups were originally ideated and generated using Stitch, and then brought to life natively on mobile (React Native + Expo) via AntiGravity.


👁️ Visuals

1. Designed in Stitch (Web / Tailwind)

Input Processing Portfolio Editor Share

2. Built natively with AntiGravity (React Native)


⚡ Features

  • AI-Powered Extraction (OpenAI): Dump raw resume text. The app uses LLMs under the hood to completely extract, structure, and categorize arbitrary information (Experience, Projects, Quirks, Skills) into structured JSON—bypassing empty templates.
  • Aggressive Brutalist UI: Built on an unflinching design system. 4px solid #000000 borders, 0px border radii, stark #FFEC00 and #FF00E6 offset shadows, and zero soft edges.
  • Interactive Drag & Drop: Uses heavily optimized react-native-reanimated and react-native-draggable-flatlist. Press and hold any portfolio section to collapse it and smoothly yank it up or down the page natively.
  • Live Inline Editing: Don't like what the AI generated? Tap literally any text box, header, or project description on the final layout to edit it live in place.
  • Theme Editor Drawer: Pop open the bottom drawer to aggressively swap out the entire color configuration (Yellow/Pink, Green/Blue, Dark Mode) instantly.

🛠️ Tech Stack

  • Framework: React Native / Expo
  • AI Processing: OpenRouter (gpt-4o-mini or equivalent JSON-structured models)
  • Animations: react-native-reanimated, react-native-gesture-handler
  • Typography: Space Grotesk (Headers), IBM Plex Mono (Body/Stats)

🚀 Running the App Locally

  1. Install Dependencies:

    npm install
  2. Add API Keys: Open src/screens/ProcessingScreen.js and insert your OpenRouter or OpenAI API key.

  3. Start Expo:

    npx expo start --clear

    Note: Because this relies on heavy native gesture handler modules, ensure you restart the bundler cleanly.


Built with raw energy. Stop making boring apps.