Remix

Make your own version of TimaAi Portfolio

Edit the prompt below and generate a customized version in seconds.

Original by dikotom123a

Describe your app

Create a designer/illustrator portfolio for TimaAi. Tagline: TimaAi. Work categories: Brand Identity, Illustration Ai. Visual style: Editorial & Type-led.

Pages: Home (oversized type hero + selected work), Work index (filterable case-study cards), Case study detail (problem/process/solution sections with large image blocks, before/after comparison slider, embedded quotes), About (bio + skills + client logos strip), Contact, and a sign-in protected /admin page for uploading new work.

Use GenMB File Storage for artwork uploads (window.genmb.storage with the <genmb-uploader> web component, folder='work'), GenMB Auth to gate /admin (window.genmb.auth - owner-only), and a GenMB PostgreSQL projects table (window.genmb.db.projects) with id, title, slug, category, client, year, description (markdown), hero_image_url, gallery_urls (JSON), display_order, published_at.

Incrementally reveal images on scroll using IntersectionObserver. Image grid: <img loading="lazy" decoding="async"> with aspect-ratio to avoid CLS. Include a lightbox (Esc + ArrowLeft/ArrowRight + swipe) built inline in React.

Seed the projects table with 8 placeholder works using these exact Picsum URLs:
- https://picsum.photos/seed/design-brand-1/1400/1000
- https://picsum.photos/seed/design-brand-2/1400/1000
- https://picsum.photos/seed/design-illust-1/1400/1000
- https://picsum.photos/seed/design-illust-2/1400/1000
- https://picsum.photos/seed/design-poster-1/1000/1400
- https://picsum.photos/seed/design-poster-2/1000/1400
- https://picsum.photos/seed/design-web-1/1600/1000
- https://picsum.photos/seed/design-web-2/1600/1000

Dark mode default + toggle. Mobile responsive with 44x44 tap targets. URL-synced ?category= filter.

Ai chat assistant (using genmb api)

Free to use. No credit card required.