Remix

Make your own version of GENZED Social Publishing

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

Original by PRAISE PHILLIP-AIRAOJE

Describe your app

I want you to build a professional, modern, full-stack web platform called GENZED.
GENZED is a social publishing platform for the next generation. It combines digital publishing, social networking, communities, and creator tools.
IMPORTANT:
Do NOT make this look like a basic blog, school project, template, or generic AI-generated website.
The website must feel like a serious startup/product that could eventually serve millions of users.
DESIGN DIRECTION
Create a clean, premium editorial + social-media interface.
The design should be:
- Professional
- Modern
- Extremely well arranged
- Minimal but visually impressive
- Easy to navigate
- Mobile-first and fully responsive
- Excellent typography
- Strong spacing and visual hierarchy
- Smooth animations and micro-interactions
- Fast and polished
Avoid:
- Excessive gradients
- Excessive glassmorphism
- Huge unnecessary text
- Too many rounded cards
- Childish UI
- Random emojis as icons
- Clutter
- Generic dashboard templates
The "wow" factor should come from excellent layout, typography, interactions, spacing, animation and usability.
BRAND
Name: GENZED
Use "GENZED." as the main wordmark.
The platform should feel like a combination of:
- Modern digital publication
- Social network
- Creator platform
- Community platform
Do not copy Substack, X, Medium or any other platform directly. Take inspiration from modern products but create an original GENZED identity.
1. LANDING PAGE
Create a beautiful public landing page.
Home
Culture
Tech
Money
Life
Campus
Ideas
Search
Sign In
Get Started
Hero section:
"Where the next generation gets heard."
Supporting text explaining that GENZED allows people to discover ideas, write stories, build communities and connect with people.
Show featured editorial stories and trending content.
Sections:
- Featured Stories
- Trending
- Latest
- Explore Topics
- Meet the Creators
- Communities
- Newsletter signup
- Footer
The landing page must look editorial and premium.
2. AUTHENTICATION
Users must be able to:
- Sign up
- Log in
- Log out
- Reset password
- Stay logged in
- Edit their account
Use real authentication, not fake buttons.
Prepare the application for Supabase authentication.
After signup, users should be taken through an onboarding experience.
3. USER ONBOARDING / PATH
After creating an account, ask:
"What brings you to GENZED?"
Users should be able to choose one or multiple paths.
Options:
Reader
Writer
Creator
Student
Professional
Builder
Organization
IMPORTANT:
Do NOT permanently lock users into one role.
A person can select multiple paths and change them later.
The selected paths should personalize their experience.
For example:
A Student may see campus content and student communities.
A Writer may see writing/publishing tools.
A Creator may see creator tools.
A Reader may get better content recommendations.
Still allow every user to explore the entire platform.
Also ask users to select interests such as:
Technology
Culture
Money
Business
Campus
Entertainment
Science
Lifestyle
Politics
Sports
Ideas
Internet
Career
Allow them to skip optional information.
4. USER PROFILE
Every user gets a professional profile.
Profile should include:
Profile picture
Name
Username
Bio
Location
Interests
Selected paths
Followers
Following
Subscribers
Tabs:
Posts
Articles
Media
Communities
About
Users can:
Edit profile
Upload profile picture
Change bio
Add social links
Follow other users
Unfollow users
Subscribe to creators
Writer/Creator profiles should look especially polished.
--------------------------------------------------
5. MAIN APP EXPERIENCE
--------------------------------------------------

After logging in, create a professional application layout.

DESKTOP:

Left sidebar:
- Home
- Discover
- Following
- Communities
- Bookmarks
- Notifications
- Messages
- Write
- Profile

CENTER:
Main content/feed

RIGHT SIDEBAR:
- Trending
- People to follow
- Recommended communities
- Popular topics

MOBILE:

Use a clean bottom navigation:

Home
Discover
Create
Notifications
Profile

Do not overcrowd mobile screens.

--------------------------------------------------
6. HOME FEED
--------------------------------------------------

Create a real social feed interface.

Feed tabs:

For You
Following
Trending
Posts should support:
Text
Images
Links
Polls
Article previews
Each post should have:
Author
Avatar
Username
Timestamp
Content
Image/media if available
Actions:
Like
Comment
Repost
Share
Bookmark
Show counts.
Interactions should feel smooth.
Use optimistic UI where appropriate
--------------------------------------------------
8. WRITING / PUBLISHING
--------------------------------------------------
This is one of the most important parts.
Users who want to write should have a beautiful publishing experience.
Create a "Write" button.
The writing interface should feel like a professional publishing editor.
Allow users to create:
Articles
Stories
Essays
Opinions
Guides
News/analysis
Editor should support:
Title
Subtitle
Cover image
Rich text
Headings
Bold
Italic
Links
Lists
Quotes
Images
Image captions
Embeds
Code blocks where appropriate

Users must be able to INSERT AND UPLOAD IMAGES inside their articles.

Allow:
- Upload image
- Preview image
- Delete image
- Reorder images
- Add image captions

Include:

Save Draft
Preview
Publish
Schedule

Autosave drafts.

Before publishing, show a beautiful preview of exactly how the article will appear.

--------------------------------------------------
9. ARTICLE PAGE
--------------------------------------------------

Article pages should look extremely professional.

Include:

Category
Headline
Subtitle
Author
Author avatar
Publication date
Reading time
Hero image
Article body

Below the article:

Like
Comment
Repost
Share
Bookmark

Then:

Discussion
More from this writer
Related articles

Make article pages highly readable.

Use excellent typography and spacing.

--------------------------------------------------
10. DISCOVER
--------------------------------------------------

Create a discovery page.

Sections:

Trending Stories
Popular Notes
Trending Topics
Popular Writers
Recommended Communities
Latest Articles

Add search and filtering.

--------------------------------------------------
11. SEARCH
--------------------------------------------------

Search should allow users to search:

People
Articles
Notes
Communities
Topics

Create a professional search experience with filters.

14. NOTIFICATIONS
--------------------------------------------------

Create a professional notifications center.

Notifications for:

New followers
Likes
Comments
Replies
Reposts
Mentions
Subscriptions
Community activity
Article activity

--------------------------------------------------
15. MESSAGES
--------------------------------------------------

Create a messaging section.

Users should eventually be able to:

Send messages
Receive messages
See conversations
Search conversations

Build the UI and architecture cleanly so real-time messaging can be added.

--------------------------------------------------
16. CREATOR DASHBOARD
--------------------------------------------------

Creators/writers should have a dashboard.

Show:

Views
Followers
Subscribers
Articles
Notes
Engagement
Top content
Drafts

Sections:

Overview
Content
Drafts
Analytics
Subscribers
Publication
Settings

Make this dashboard professional and simple.

--------------------------------------------------
17. ADMIN DASHBOARD
--------------------------------------------------

Create a secure admin dashboard.

Admin should be able to manage:

Users
Articles
Notes
Communities
Comments
Reports
Categories
Featured stories
Trending content

Include moderation tools.

IMPORTANT SECURITY:

Do NOT rely only on frontend checks for admin access.

Use proper authentication and authorization.

--------------------------------------------------
18. DATABASE ARCHITECTURE
--------------------------------------------------

Prepare a real relational backend using Supabase.

Design tables for:

profiles
user_paths
user_interests
articles
article_drafts
article_images
notes
comments
likes
reposts
bookmarks
follows
subscriptions
communities
community_members
community_posts
notifications
messages
media
reports

Use proper relationships.

Use Row Level Security.

Users should only be able to modify their own content unless they have the correct permissions.

--------------------------------------------------
19. IMAGE STORAGE
--------------------------------------------------

Use Supabase Storage for:

Profile pictures
Article cover images
Article images
Post images
Community images

Do NOT use temporary/local image URLs.

Do NOT hardcode fake image paths.

Images should persist after deployment.

--------------------------------------------------
20. RESPONSIVE DESIGN
--------------------------------------------------

The entire application must work beautifully on:

Mobile phones
Tablets
Laptops
Desktop monitors

Pay special attention to mobile UX.

The mobile version should not simply be a squeezed desktop layout.

--------------------------------------------------
21. ANIMATIONS
--------------------------------------------------

Add subtle professional animations:

Page transitions
Hover states
Button feedback
Like animation
Bookmark feedback
Modal transitions
Dropdown transitions
Skeleton loading
Smooth navigation

Keep animations fast and subtle.

Do not over-animate the interface.

--------------------------------------------------
23. SECURITY
--------------------------------------------------

Use proper:

Authentication
Authorization
Protected routes
Input validation
Database permissions
RLS
Secure file uploads

Never expose secret keys in frontend code.

Never use fake authentication.

--------------------------------------------------
24. SEO / SHARING
--------------------------------------------------

Articles should have shareable URLs.

Prepare:

SEO metadata
Open Graph metadata
Social sharing previews
Good page titles
Descriptions

Free to use. No credit card required.