Remix

Make your own version of ASMO Social Network

Get an exact, working copy in your account, then change anything with chat.

Original by Boboqulov Shohruhbek

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Build a polished, Instagram-inspired social networking application named ASMO.

IMPORTANT: This must look and feel like a real social media app, not a generic landing page or dashboard.

BRANDING:
- App name: ASMO.
- Display the ASMO wordmark in the top header and splash screen.
- Use ASMO branding in appropriate locations only.
- Never display Instagram's logo or pretend this app is Instagram.
- Premium, modern, clean visual identity.

VISUAL DESIGN:
- Closely follow familiar social media interaction patterns.
- White/light interface with black typography and subtle gray dividers.
- Optional dark mode.
- Edge-to-edge mobile layout optimized for Android.
- Instagram-inspired circular Stories row, square and portrait media posts, clean profile grid, and intuitive icons.
- Elegant spacing, consistent typography, smooth transitions, and polished loading states.
- Avoid oversized cards, excessive gradients, and generic admin dashboard layouts.

HOME FEED:
- ASMO wordmark in the top bar.
- Notifications and messages icons.
- Horizontally scrolling Stories with circular profile images and colorful story rings.
- Feed posts with avatar, username, location text, media, and overflow menu.
- Like, comment, share, and save buttons.
- Caption, hashtags, and comment count.
- Double-tap-like interaction on posts.
- Clearly distinguish real data from demo data.

REELS:
- Dedicated vertical short-video feed.
- Full-screen 9:16 video layout.
- Like, comment, share, and creator profile actions.
- Smooth vertical scrolling.
- Show an attractive empty state if videos are unavailable.

CREATE:
- Upload photos and videos.
- Preview selected media.
- Write captions and add hashtags.
- Publish posts through the connected backend.

SEARCH:
- Search users and hashtags.
- Explore grid with portrait and square media thumbnails.
- Responsive search results.

PROFILE:
- Avatar, username, bio, and profile links.
- Posts, followers, and following counts.
- Follow button and edit-profile option for the account owner.
- Three-column photo grid.
- Settings and privacy access.

BOTTOM NAVIGATION:
Home | Search | Reels | Create | Profile.
Use clean, recognizable icons and a highlighted active state.

FUNCTIONAL REQUIREMENTS:
- Uzbek Latin interface by default.
- Registration, login, and logout.
- Real user profiles and persistent posts.
- Functional likes, comments, follows, and media uploads.
- Supabase free tier for authentication, database, and storage if available.
- Configure secure database permissions and Row Level Security.
- Never expose secret keys in frontend code.
- Make every visible button functional or clearly mark it as a prototype.
- Responsive mobile-first layout with fast loading on lower-powered Android phones.
- Installable PWA support.
- Keep the project lightweight and test it before adding more features.

IMPLEMENTATION:
First build the complete visual interface with the ASMO branding and realistic demo content. Then implement authentication, database integration, uploads, and social interactions in separate steps. Keep the project runnable after each step. Do not stop at a generic homepage.

Deliver a working project, explain which features are functional, and provide exact steps to test and install ASMO on Android. Use free-tier services only and explain any limitations.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.