Make Web App- AdsBook – Bottom menu and submenus
Revised navigation specification
Home
Market
My Ads Account
AdsBook – Registration, Login & Owner/Admin Authentication Specification
Vismay P | Portfolio
SaaS Admin Dashboard UI/UX (12) | Images :: Behance
Social Media App - UI Design and Prototyping by Soban S on Dribbble
AdsBook – other work
My Ads Account
New integration management center
This is a dedicated module for connecting AdsBook with external websites, advertising networks, affiliate networks, publishers and traffic platforms to increase traffic and track conversions.
Integration management
Integration Dashboard
C. Traffic acquisition
Two separate authentication flows
Flow 2 – Owner / Admin / Moderator
purple-siaran - Design - 8080.ai
This is a completely separate staff authentication system.
Left column
Member profile and avatar.
Home.
Members.
VIP.
Groups.
Market.
CPA.
Ads.
Reels.
Tracker.
Alerts.
Wallet.
Messages.
App Download.
Settings.
Menu.
Center column
Stories
<!-- planning-notes:v1:start -->Planning resolved these page and owner names itself instead of stopping. Review them before building.
Added during planning
News Feed
Following Feed
Trending Posts
Latest Posts
Recommended Posts
Stories
Saved Posts
Create Post
Upload Image
Upload Video
Upload Multiple Images
Create Text Post
Create Poll
Edit Post
Delete Post
Share Post
Post Privacy Settings
Discover Members
Search Members
Online Members
New Members
Suggested Members
Friends
Friend Requests
Followers
Following
Member Invitations
Member Profiles
View Member Posts
Send Message
Report Member
Block Member
VIP Showcase
VIP Members
VIP Profiles
VIP Posts
VIP Photos
VIP Videos
VIP Activities
VIP Groups
VIP Interactions
VIP Likes & Comments
Become a VIP Member
VIP Membership Information
Discover Groups
My Groups
Joined Groups
Create Group
Edit Group
Delete Group
Group Posts
Create Group Post
Upload Group Image
Upload Group Video
Group Photos
Group Videos
Group Members
Group Invitations
Group Requests
Group Moderation
Group Settings
Marketplace Home
Browse Products
Product Categories
Search Products
Product Details
Upload Product Image
Upload Product Video
Create Product Listing
Edit Product Listing
Delete Product Listing
My Listings
My Orders
Shopping Cart
Checkout
Order History
Seller Dashboard
Buyer Dashboard
Reviews & Ratings
CPA Dashboard
Browse Campaigns
Campaign Details
My Campaigns
Create Campaign
Edit Campaign
Upload Campaign Image
Upload Campaign Video
Campaign Approval
Referral Links
Url/Link button
Message/name
Value
Targeted GEO- Full Country dropdown with multiple selection
Get Now button
Conversion Tracking
Postback Setup
Postback Logs
Traffic Sources
Campaign Performance
CPA Reports
Earnings
Ads Dashboard
Create Advertisement
Edit Advertisement
My Advertisements
Upload Ad Image
Upload Ad Video
Url/Link button
Message/name
Targeted GEO- Full Country dropdown with multiple selection
Get Now button
Promote Posts
Create Ad Campaign
Edit Ad Campaign
Audience Targeting
Country Targeting
City Targeting
Ad Budget
Ad Scheduling
Ad Analytics
Impression Logs
Click Logs
Conversion Reports
Ad Payments
Reels Feed
Trending Reels
Following Reels
Create Reel
Upload Video
Upload Reel Thumbnail
Value
Get Now button
Edit Reel
Delete Reel
My Reels
Liked Reels
Saved Reels
Share Reel
Reel Comments
Reel Privacy
Reel Analytics
Tracking Dashboard
Click Tracking
Conversion Tracking
Attribution Reports
Postback Setup
Postback Logs
Country-wise Tracking
Device Tracking
Referral Tracking
Analytics Reports
Export Reports
All Notifications
Likes
Comments
Replies
Group Notifications
New Followers
Messages
Audio Call Alerts
Video Call Alerts
Birthday Notifications
Payment Notifications
Deposit Notifications
Withdrawal Notifications
Ad Campaign Notifications
CPA Notifications
System Alerts
Mark All as Read
Notification Settings
Create Account
Add Payment Account
Edit Payment Account
Delete Payment Account
Account Name
Country Selection
Country Code Selection
Phone Number
Local Payment Methods
Global Payment Methods
Select Currency
Account Balance
Deposit Funds
Confirm & Deposit
Deposit History
Withdrawal Funds
Withdrawal History
Transaction History
Payment Receipts
Payment Settings
Inbox
Direct Messages
New Message
Group Chats
Online Contacts
Audio Calls
Video Calls
Call History
Message Requests
Archived Chats
Upload Image
Send Files
Voice Messages
Edit Message
Delete Message
Message Privacy
My Profile
View Profile
Edit Profile
Edit Personal Information
Profile Photo
Upload Profile Photo
Change Profile Photo
Cover Photo
Upload Cover Photo
Full Name
Username
Date of Birth
Gender
Country
State / Division
City
Full Country Dropdown
Country Calling Code
Phone Number
My Posts
My Photos
My Videos
My Reels
My Followers
My Following
My Groups
My Marketplace Listings
Birthday Settings
Privacy Settings
Download AdsBook
Android App Download
iOS App Download
Desktop Access
Install PWA
App Updates
Installation Guide
App Version Information
Upload App Icon (Admin-managed)
App Support
Account Settings
Edit Account Information
Change Email
Change Phone Number
Change Password
Forgot Password
Security Settings
Two-Factor Authentication
Active Sessions
Logout from Other Devices
Profile Visibility
Post Visibility
Email Preferences
Language
Appearance / Theme
Country & Region
Full Country Dropdown
Currency Settings
Connected Social Accounts
Birthday Automation Preferences
Media Upload Settings
Help & Support
Report a Problem
Terms & Conditions
Privacy Policy
Community Guidelines
Logout
Explore All Features
Marketplace
CPA Campaigns
Advertising
VIP Showcase
Groups
Games & Rewards
Birthday Automation
Live Audio & Video
Audio Rooms
Video Rooms
Image Gallery
Video Gallery
File Upload Center
My Earnings
Referral Program
Help Center
Contact Support
About AdsBook
Image and video upload with super compression option every where- only the post name, images/videos/ reference/link name to be save in convex
Image and video to be save in members mobile, computer, local storage
Image upload
JPG, JPEG, PNG, WebP
Multiple image selection
Preview, crop and remove
Upload progress
Video upload
MP4 and supported formats
Video preview and thumbnail
Upload progress and retry
Video compression and size limits
All uploads should use super compression option every where- only the post name, images/videos/ reference/link name to be save in convex
with permissions, storage limits, validation and ownership checks. Video transcoding must be configured separately if needed.
with permissions, storage limits, validation and ownership checks. Video transcoding must be configured separately if needed.
A. Full country dropdown
B. Global country support
Use one shared country database and dropdown throughout the application, covering all 195 commonly recognized countries and territories where supported.
Every country entry should support:
Country name
ISO country code
International calling code
Currency code
Currency name
Local payment availability
Global payment availability
Use it in:
Member registration
Profile editing
Phone number setup
Payment account creation with Full country dropdown with multiple selection options
Advertising country targeting with Full country dropdown with multiple selection options
CPA country targeting with Full country dropdown with multiple selection options
Reports and analytics
Settings and regional preferences
Country Staff with Full country dropdown with multiple selection options
Add more Admin/moderator/creator/subscribers option with Full country dropdown with multiple selection options
C. Global interaction rules
Edit and Delete controls wherever the user owns content.
Upload Image and Upload Video must actually open file selection.
Country dropdown must be searchable.
Phone input must use the selected international calling code.
All forms must validate required information.
Mobile and desktop navigation must remain responsive.
Desktop: three-column dashboard.
Mobile: fixed bottom navigation with all 16 main destinations.
Top navigation: search, notifications, messages and account access.
Each main destination opens its submenu.
Three-dot menus provide contextual actions.
D. Owner/Admin access
Keep Owner/Admin login separate at /admin/login, with role-based permissions. Admin workspace should manage members, VIP showcase, groups, media, advertising, CPA, payments, notifications, security, and feature switches. Owner/Admin workspace should manage extended Admin/moderator/creator/subscribers, members, VIP showcase, groups, media, advertising, CPA, payments, notifications, security, and feature switches.
Keep Owner/Admin login separate at /admin/login, with role-based permissions. Admin workspace should manage members, VIP showcase, groups, media, advertising, CPA, payments, notifications, security, and feature switches. Owner/Admin workspace should manage extended Admin/moderator/creator/subscribers, members, VIP showcase, groups, media, advertising, CPA, payments, notifications, security, and feature switches.
AdsBook – Owner/Admin Panel: Complete Submenus & Controls
Expanded Admin specification
Backend-connected controls required
Keep Owner/Admin login separate at /admin/login, with role-based permissions. Admin workspace should manage members, VIP showcase, groups, media, advertising, CPA, payments, notifications, security, and feature switches. Owner/Admin workspace should manage extended Admin/moderator/creator/subscribers, members, VIP showcase, groups, media, advertising, CPA, payments, notifications, security, and feature switches.
E. Navigation design
AdsBook – Owner/Admin Panel: Complete Submenus & Controls
Expanded Admin specification
Backend-connected controls required
Submenus and buttons
All Members
Add New Member
Edit Member
Delete Member
Block Member
Block / Unblock Members
Send message
Send Alert for wrong use
View Member Profile
Filter by Country
Filter by Registration Date
Active / Inactive Members
Verified / Unverified Members
Suspend / Restore Members
Change Member Role
Reset Member Password (secure reset process)
Member Activity
Member Posts
Member Payments
Member Reports
Export Member Records
Save Changes
VIP Dashboard
Add New VIP Profile
Edit VIP Profile
Delete VIP Profile
Upload VIP Profile Photo
Upload Cover Photo
Upload VIP Images
Upload VIP Videos
VIP Profile Information
VIP Country and Location
VIP Search and Categories
VIP Status: Active / Inactive
VIP Featured / Unfeatured
VIP Likes
VIP Comments
VIP Replies
VIP Shares
VIP Follows
VIP Activity Logs
VIP Showcase Conversion Tracking
Visitor-to-Member Conversion
All Groups
Add New Group
Block Group
Block Group Members
Upload Group Cover
Add / Remove Members
Group Images and Videos
Public / Private Groups
Active / Inactive
Featured Groups
Group Reports
All Posts
Add New Post
Publish / Unpublish
Approve / Reject
Upload Multiple Images
Upload Post Thumbnail
Edit Captions
Manage Hashtags
Post Scheduling
Featured Posts
Reported Posts
Removed Posts
Comments Management
Likes and Shares
Media Library
Storage Usage local and convex
Content Categories
Save Changes
Marketplace Dashboard
All Products
Add New Product
Edit Product
Delete Product
Upload Product Images
Upload Product Videos
Product Pricing
Currency Selection
Country Availability
Sellers Management
Buyers Management
Orders Management
Product Approvals
Product Reviews
Marketplace Commission
Featured Products
Active / Inactive Listings
Members internal messaging
All CPA Campaigns
Add New Campaign
Delete Campaign
Block Campaign
Campaign Name
Advertiser Details
Campaign Description
Landing Page URL
Target URL
Payout Amount
Currency
CPA Model
Full Country Targeting
Country Flag
ISO Country Code
Device Targeting
Active / Paused / Completed
Campaign Schedule
Conversion Rules
Referral Links
Advertising Dashboard
All Advertisements
Add New Advertisement
Delete Advertisement
Ad Title and Description
Advertiser Details
Landing Page URL
Country Flags and ISO Codes
Ad Placement
Daily Budget
Total Budget
Start / End Date
Schedule Ads
Approve / Reject Ads
Pause / Resume Ads
Featured Advertisements
Tracking Dashboard
Click Tracking
Conversion Tracking
Visitor Tracking
Campaign Attributio
First-Click Attribution
Last-Click Attribution
Multi-Touch Attribution
Country-wise Reports
Device-wise Reports
Traffic Source Reports
Conversion Value
Revenue Reports
Attribution Settings
Wallet Dashboard
Member Wallets
Add New Payment Method with Local & Global
Edit Payment Method
Delete Payment Method
Block Member Wallets
Payment Provider Name
Provider Logo
Local Payment Methods
Global Payment Methods
Full Country Dropdown
Country Flag
ISO Code
Calling Code
Currency
Minimum Deposit
Maximum Deposit
Minimum Withdrawal
Maximum Withdrawal
All Deposit Requests
Deposit Requests with Local & Global options
Pending Deposits
Approved Deposits
Rejected Deposits
Block Deposit
Deposit Request Details
Member Information
Payment Provider
Account Name
Country
Phone Number
Deposit Amount
Currency
Transaction Reference
Payment Receipt
Verify Payment
Approve Deposit
Reject Deposit
Add Admin Notes
Deposit Approval History
All Withdrawal Requests
Block Approvals
Add New Withdrawal Rule
Edit Withdrawal Rule
Delete Withdrawal Rule
Pending Withdrawals
Approved Withdrawals
Rejected Withdrawals
Processing Withdrawals
Member Details
Withdrawal Amount
Currency
Country
Payment Method
Recipient Account
Transaction Reference
Approve Withdrawal
Reject Withdrawal
Mark as Paid
Add Admin Notes
Withdrawal History
Save Changes
Email Dashboard
All Email Logs
Verification Emails
Password Reset Emails
Birthday Emails
Notification Emails
Campaign Emails
Email Delivery Status
Delivered / Failed / Bounced
Retry Failed Emails
Resend Email
Email Templates
Add New Template
Edit Template
Delete Template
Sender Name
Sender Email
Save Changes
Resend API Connection Status
Email Delivery Reports
Birthday Dashboard
Add New Birthday Rule
Edit Birthday Rule
Delete Birthday Rule
Birthday Message Templates
Add New Template
Edit Template
Delete Template
Upload Birthday Images
Birthday Wishes
Automatic Birthday Sending
Member Opt-in / Opt-out
Country Timezone
Send Time
Scheduled Birthday Messages
Birthday Queue
Sent Messages
Failed Messages
Retry Failed Messages
Birthday Logs
LiveKit Dashboard
Add New LiveKit Configuration
Edit Configuration
Delete Configuration
LiveKit API Key
LiveKit API Secret
LiveKit Server URL
Connection Test
Audio Calling On / Off
Video Calling On / Off
Live Rooms On / Off
Room Management
Active Calls
Members Call History
Members Profile view
Block Members
Participant Management
Call Duration
Recording Settings
Call Permissions
LiveKit Logs
Push Notification Dashboard
Add New Notification
Edit Notification
Delete Notification
Send Notification
Schedule Notification
All Members
Selected Members
Country-wise Targeting
Topic-wise Targeting
Notification Title
Notification Body
Notification Image
Destination URL
Delivery Status
Failed Notifications
Retry Notifications
Push Provider Configuration
Notification History
Games Dashboard
Add New Game
Game Name
Game Description
Upload Game Image
Upload Game Icon
Game URL
Edit Game
Game Name
Game Description
Upload Game Image
Upload Game Icon
Game URL
Delete Game
Game Category
Game Availability
Enable / Disable Game
Rewards Configuration
Points Configuration
Reward Rules
Member Participation
Leaderboard
Reward History
Fraud Detection
App Dashboard
App Name
Change App Name
App Logo
Favicon
App Icon
Upload App Icon
App Description
App Version
Android Download UR
iOS Download URL
PWA Settings
App Installation Guide
Update Notification
Maintenance Mode
App Availability
App Download Statistics
Main Dashboard
Member Registration Reports
Active Member Reports
VIP Reports
Post Reports
Image / Video Upload Reports
Marketplace Reports
Advertising Reports
Click Reports
Wallet Reports
Deposit Reports
Withdrawal Reports
Birthday Automation Reports
LiveKit Usage Reports
Push Notification Reports
Games & Rewards Reports
Revenue Reports
Traffic Reports
Export CSV / Excel / PDF
Date Range Filters
Member Registration On / Off
Member Login On / Off
Email Verification On / Off
Social Feed On / Off
Image Upload On / Off
Video Upload On / Off
VIP Showcase On / Off
Groups On / Off
Marketplace On / Off
CPA On / Off
Advertising On / Off
Tracking On / Off
Wallet On / Off
Deposits On / Off
Withdrawals On / Off
Messaging On / Off
Audio Calling On / Off
Video Calling On / Off
Reels On / Off
Stories On / Off
Push Notifications On / Off
Birthday Automation On / Off
Games On / Off
App Download On / Off
Maintenance Mode On / Off
Save Changes
All Admin Users
Add New Admin
Edit Admin
Delete Admin
Admin Name
Admin Email
Admin Username
Admin Role
Admin Profile Photo
Admin Country
Assign Permissions
Owner
Activate / Deactivate Admin
Reset Password (secure recovery)
Admin Login History
Admin Activity
Save Changes
Security Dashboard
Admin Login Logs
Member Login Logs
Failed Login Attempts
Suspicious Activity
IP Address Logs
Session Management
Active Sessions
Revoke Sessions
2FA Management
Enable / Disable 2FA
Backup Codes
Security Alerts
API Access Logs
Admin Activity Logs
Configuration Change Logs
Payment Action Logs
Export Audit Logs
General Settings
Platform Name with add new, edit, delete and Save Changes
Website URL with add new, edit, delete and Save Changes
Platform Logo with add new, edit, delete and Save Changes
Favicon with add new, edit, delete and Save Changes
Multi-Language
Multi-Currency
Multi-GEO
Default Language with multiple selections
Default Country with multiple selections
Default Currency with multiple selections
Timezone with add new, edit, delete and Save Changes
Registration Settings with add new, edit, delete and Save Changes
Login Settings
2FA Settings for Members
2FA Settings for Country Staff
Owner/Admin Settings
2FA Settings for Owner/Admin
Owner/Admin Email/Password change Settings
Password Policy
Email Settings
Upload Settings with add new, edit, delete and Save Changes option
Media Size Limits
Storage Settings with add new, edit, delete and Save Changes option
SEO Settings with add new, edit, delete and Save Changes option
Adsense & Ads Settings with add new, edit, delete and Save Changes option
Social Sharing Settings with add new, edit, delete and Save Changes
Adsbook Sharing Settings with add new, edit, delete and Save Changes
Postback Settings with add new, edit, delete and Save Changes
Country Settings with add new, edit, delete and Save Changes
Maintenance Settings
Terms & Conditions with add new, edit, delete and Save Changes
Privacy Policy with add new, edit, delete and Save Changes
Community Guidelines with add new, edit, delete and Save Changes
Save Changes
Full country database
All Countries
Add New Country
Edit Country
Delete Country
Country Name
Country Flag
ISO Alpha-2 Code
ISO Alpha-3 Code
International Calling Code
Currency Code
Currency Name
Country Timezone
Country Status
Country Staff
Assign Staff to Country
Edit Country Staff
Delete Country Staff
Save Changes
Country Permissions
Country-wise Moderators
Country-wise Support Staff
Country-wise Campaign Managers
Country-wise Payment Managers
Postback Dashboard
Add New Postback
Edit Postback
Delete Postback
Postback Name
Advertiser Name
Network Name
Campaign ID
Conversion Event
Postback URL
Tracking ID
Utm Management
Click ID
Sub ID
Payout Parameter
Currency
API Authentication
Secret Key
HTTP Method
GET / POST
Parameter Mapping
Postback Test
Failed Postbacks
Retry Postbacks
Advertising Network Dashboard
Add New Network
Edit Network
Delete Network
Google AdSense
Raptive
Other Advertising Networks
Network Name
Account Name
Account Email
Publisher ID
Website / Domain
Tracking url
Postback url
Ad Placement
Ad Unit ID
Script / Integration Configuration
Add new- Code/html/php/json/Script/ Integration Configuration in header/body of website
API Credentials (when supported)
Revenue Reports
Network Status
Enable / Disable Network
App Branding Dashboard
Add New Branding Configuration
Edit Branding
Delete Branding
App Name
Website Name
Header Text
Homepage Body Message
Welcome Message
Registration Message
Login Message
Footer Message
Maintenance Message
Notification Message
Upload Logo
Upload Favicon
Preview Changes
Publish Changes
2FA Dashboard
Owner/Admin 2FA
Admin 2FA
Moderator 2FA
Creator 2FA
Enable / Disable 2FA
Authenticator App
Email Verification
Backup Codes
Regenerate Backup Codes
Trusted Devices
Device History
Recovery Process
2FA Activity Logs
Enforce 2FA for Admin Roles
For Owner and Admin, 2FA should be mandatory. Any disabling or recovery action must require stronger authorization and be audited.
Click Log Dashboard with Map and markers
All Click Logs
Click ID
Visitor ID
Member ID (when applicable)
Campaign ID
Advertiser ID
Source URL
Destination URL
Edit Click Record (restricted corrections)
Delete Click Record (restricted, audited)
Referral URL
Country
Country Flag
ISO Code
IP Address (restricted access)
Device
Browser
Click Timestamp
Conversion Records
Conversion Status
Conversion Value
Payout
Attribution Source
Duplicate / Fraud Detection
All Platform Roles
Add New User
Edit User
Delete User
Block User
Send Message
Sent Alert for wrong use
Assign Role
Edit Role
Admin
Moderator
Creator
Member
Subscriber
Country
Name
Username
Phone Number
Profile Photo
Creator Verification
Subscriber Status
Subscription Plans
Subscription Expiry
Creator Earnings
Permissions
Active / Inactive
Role Change History
Save Changes
Email Automation Dashboard
Add New Automation
Edit Automation
Delete Automation
Welcome Email
Registration Verification Emai
Password Reset Email
Account Notifications
Scheduled Emails
Email Schedule
Resend API Configuration
Email Delivery Logs
Failed Email Retry
This section may link to Birthday Automation and Resend Email Logs rather than create duplicate systems.
Social Integration Dashboard
Add New Integration with Create Adsbook own postback url for every social integration
Edit Integration
Delete Integration
YouTube
TikTok
X
Telegram
Other Supported Platforms
App Name
Client ID
Client Secret
API Secret
Redirect UR
API Key
Webhook URL
Create Adsbook own postback url for every social integration
Account Connection
OAuth Permissions
Integration Status
Disconnect Integration
Save Changes
Add New Integration
Edit Integration
Delete Integration
Integration Name
Platform Name
Platform Category
Website Name
Website URL
App Name
Client ID
Client Secret
API Secret
API Key
Redirect UR
Webhook URL
Account Name
Contact Perso
Contact Email
Contact Phone
Platform Login URL
ISO Alpha-3 Code
Calling Code
Currency
Platform Status
Save Changes
B. API and credentials
Edit
Delete
API Connection
API URL
API Key
API Secret
Client ID
Client Secret
Access Token
Refresh Token
Username (only if required)
Authentication Method
Secret Token
Credential Expiry
Credential Rotation
Webhook URL
Redirect URL
Callback URL
Postback URL
Tracking URL
HTTP Method
Request Headers
Parameter Mapping
Connection Test
Save Changes
Traffic Partner Management
Add New Traffic Partner
Edit Traffic Partner
Delete Traffic Partner
Country-wise Traffic
Country-wise Campaigns
Referral URL Generator
Tracking Link Generator
UTM Parameters
Postback url create
Connection Status
Last Successful Connection
Last Synchronization
API Error Logs
Conversion Logs
Traffic Reports
Country Reports
Failed Requests
Retry Failed Requests
Disable Integration
Revoke Tokens
Rotate Secrets
Verify Webhook Signatures
Prevent Duplicate Postbacks
Integration Activity Logs
Global control standard for the Admin panel
The following standard applies across all modules.
Standard management toolbar
Add New
Edit
Save Changes
Additional controls
Search and filter
Pagination
Bulk actions where appropriate
Status: Active / Inactive
Preview
Confirmation before deletion
Success / error messages
Change history
Keep previous one- only owner/Admin can delete
Flow 1 – Visitors and Members
A. Visitor access
Visitors who are not logged in can:
Visit the AdsBook homepage.
Browse publicly visible posts.
View public member profiles.
View public VIP showcase profiles.
Explore public groups.
View public marketplace listings.
Browse public Reels.
See public advertisements.
Open About, Terms and Privacy Policy pages.
Restricted features should ask visitors to create an account or sign in.
B. Create Account
Registration page: /register
Fields:
Full Name
Username
Email Address
Password
Confirm Password
Date of Birth
Gender (optional)
Country (searchable full country dropdown)
Country Calling Code
Phone Number (optional, subject to verification requirements)
Agree to Terms & Conditions
Agree to Privacy Policy
Buttons:
Create Account
Upload Profile Photo
Sign In
Sign in with Google / Facebook /Email / Phone with country code (optional)
Continue with Email Verification
Registration process:
Visitor completes registration form.
Backend validates the information and checks for duplicate email/username.
System sends a verification code using Resend.
Member enters the email verification code.
Backend verifies the code and activates the account.
Member signs in and enters the AdsBook dashboard.
C. Member Login
Page: /login
Fields:
Email or Username
Password
Remember Me
Show/Hide Password
Buttons:
Sign In
Forgot Password?
Create New Account
Resend Verification Code
After successful login:
Redirect to Home Feed.
Load member name and profile photo.
Display member-specific navigation.
Restore the valid persistent session.
Load notifications, messages and account information.
Apply member permissions.
D. Forgot Password
Page: /forgot-password
Process:
Member enters registered email.
Backend sends password-reset verification code.
Member enters the code.
Backend verifies the code and expiry.
Member enters a new password.
Member confirms the new password.
Backend securely updates the password.
Member returns to Login.
Related pages:
/forgot-password
/verify-reset-code
/reset-password
Invalidate old sessions after password reset where appropriate.
E. Member Account Management
Edit Profile
Change Password
Change Email
Change Phone Number
Change Profile Photo
Change Cover Photo
Account Privacy
Active Sessions
Logout from Other Devices
Delete Account
Account Verification Status
A. Separate Admin Login
Page: /admin/login
Fields:
Admin Email or Username
Admin Password
Show/Hide Password
Buttons:
Admin Sign In
Forgot Admin Password?
Return to AdsBook
Important: Member login credentials must not automatically grant Owner/Admin access. A member cannot become an administrator by changing a frontend value or URL.
B. Owner bootstrap
Page: /admin/setup
The initial Owner account must be created through a protected, one-time server-side bootstrap process.
Requirements:
Initial Owner email must be configured securely.
Initial Owner password must be set securely.
One-time setup token or protected provisioning process.
Only one initial Owner can be established.
Bootstrap is disabled after successful setup.
No public Owner registration.
No default or hardcoded password.
Never expose the bootstrap secret to frontend code.
C. Admin roles and permissions
The Owner controls role assignment and permission limits. Admins cannot promote themselves to Owner.
D. Admin Forgot Password
Page: /admin/forgot-password
Process:
Enter registered staff email.
Verify identity through secure email code.
Apply additional security checks for privileged accounts.
Enter a new password.
Invalidate previous sessions as appropriate.
Return to Admin Login.
Owner/Admin can change manage logo, favicon, application name and welcome message in Owner/Admin panel
What's on your mind?
Create Post.
Image and video uploads.
News Feed.
VIP posts.
Group posts.
Reels previews.
Sponsored Ads.
Games and activities.
Right column
VIP Showcase.
Suggested Members.
Suggested Groups.
Online Members.
Messenger
Trending Posts.
Wheels & Coins.
Cards.
Quiz.
Sponsored advertisements.
Required feature – must be implemented
37 JavaScript Tab Bars
The bottom navigation is mandatory. It must not disappear on mobile or desktop.
These are the 16 main navigation buttons, in this exact order:
Home
Members
VIP
Groups
Market
CPA
Ads
Reels
Tracker
Alerts
Wallet
Messages
Profile
App
Settings
Menu
Navigation behavior
Desktop: visible fixed bottom navigation bar, centered and properly spaced.
Mobile: fixed bottom navigation with compact icons and labels; allow horizontal scrolling if all 16 cannot fit.
Tablet: responsive compact layout.
Alerts and Messages: unread count badges.
Every button must open its actual working route or page.
Admin Panel is separate from these 16 buttons and appears only to authorized staff.
Social Media Web App - Dark mode by Omar Sami on Dribbble
AdsBook logo.
Home.
Search.
Members.
VIP.
Groups.
Market.
Reels.
Create.
Notifications.
Messenger.
Wallet shortcut.
Profile picture.
Three-dot menu.
Messenger Dashboard | Web Design :: Behance
Left drawer
Profile photo and name.
Account status.
Navigation shortcuts.
My Posts.
Saved Posts.
My Groups.
Wallet.
Settings.
Logout.
Right drawer
Online friends.
Messenger conversations.
Suggested VIP.
Suggested Groups.
Notifications.
Games and activities.
Both drawers must slide smoothly, close using a close icon or outside click, and work on mobile and desktop.
Profile header:
Cover image and profile image.
Full name and username.
Country and location (subject to privacy).
Bio
VIP or verification status.
Followers, following and friends.
Actions:
Follow / Unfollow.
Actions:
Add Friend.
Actions:
Message.
Actions:
Share Profile.
Actions:
Report / Block.
Profile tabs:
Posts.
Photos.
Videos.
Reels.
Groups.
Likes.
Followers.
Following.
About.
Edit Profile must support photo, cover, name, username, bio, DOB, country and privacy.
Route: /signup or /register.
Registration fields:
Full Name.
Username.
Email.
Password.
Confirm Password.
Date of Birth.
Gender (optional).
Searchable Country dropdown with flag.
Country calling code.
Phone number (optional unless required for a selected verification method)
Terms and Privacy Policy acceptance.
Buttons:
Create Account.
Already have an account? Sign In.
Resend Verification Code.
Registration process:
Validate fields.
Check username/email availability.
Create account securely.
Send email verification through Resend.
Verify email code.
Activate account and create secure session.
Redirect to the member home page.
Futuristic Login-Register Form
Route: /login or /signin.
Fields:
Email or username.
Password
Show/hide password.
Remember Me.
Buttons and links:
Sign In.
Email Verification Code (if enabled).
Successful sign-in must restore the member's secure session and open the correct page.
Forgot Password?
Forgot-password flow:
Request reset code.
Create Account.
Verify reset code.
Set new password.
Invalidate appropriate old sessions.
Return to sign-in.
UI Component Dropdown-menu by Rodrigo Villa on Dribbble
Profile dropdown:
View Profile.
Edit Profile.
My Ads Account.
Wallet.
Messages.
Settings.
Security.
Logout.
Contextual three-dot menus:
Logout must ask for confirmation, revoke the secure session and return the user to a public page.
Composer buttons:
Text Post.
Upload Image.
Upload Video.
Multiple Images.
Poll.
Add Location.
Feeling/Activity.
Tag Members.
Audience.
Publish.
Emoji
Audience:
Public.
Friends.
Followers.
Group.
Private.
Privacy.
Uploads need preview, progress, file validation, remove/replace and retry.
Add Your Story.
Image and video stories.
Captions and stickers.
Story reactions.
Viewers.
Delete and archive.
VIP profiles.
Featured members.
Country and profile search.
VIP posts and photos.
VIP videos and activities.
Likes and comments.
Follow and message.
VIP groups.
Become VIP.
Discover Groups.
My Groups.
Joined Groups.
Create Group.
Search Groups.
Chat/call
Public and private groups.
Group image and cover.
Upload images and videos.
Members and invitations.
Join requests.
Moderation and settings.
Direct messages.
Group conversations.
Online status.
Typing indicator.
Sent/delivered/read status.
Image, video and file uploads.
Voice messages.
Audio calls.
Video calls.
Call history.
Search, archive and delete.
Block and report.
Post card:
Author and avatar.
Time and privacy.
Three-dot menu.
Text and media.
Like/reaction.
Comment.
Share.
Save.
View count.
Feed tabs:
Following.
Trending.
Latest.
Recommended.
Groups.
VIP.
Vertical video feed.
Upload video.
Thumbnail and caption.
Hashtags.
Like, comment and share.
Follow creator.
Save Reel.
Trending and Following.
My Reels.
CPA Dashboard.
Campaigns.
Campaign details.
Advertiser information.
Landing URL and tracking URL.
Payout and currency.
Country targeting.
Device targeting.
Referral links.
Conversion status.
Earnings and reports.
Create Ad.
Upload image/video.
Promote Post.
Campaign details.
Advertiser information.
Landing page.
Country, city and device targeting.
Audience.
Budget and currency.
Schedule.
Approval.
Pause/resume.
Impressions, clicks and conversions.
Payment history.
Prize Ocean - Professional Gamification & Web Development Services | Interactive Games & Custom Solutions
Spin the Wheel.
Daily Rewards.
Coin Balance.
Reward History.
Leaderboard.
Admin-configured prizes.
All coin and reward changes must be recorded and validated by the backend. Display odds and reward conditions clearly.
Daily Card Challenge.
Card Collection.
Instructions.
Points and Scores.
Leaderboard.
Points and leaderboard.
Game History.
Admin game controls.
Daily Quiz.
Multiple-choice questions.
Timer.
Score and results.
Correct-answer explanations.
Daily Quiz.
General Knowledge.
Technology.
Sports.
Business.
Entertainment.
Quiz history.
Admin question management.
Settings submenu:
Account Information.
Edit Profile.
Change Email.
Change Phone.
Change Password.
Security and 2FA.
Active Sessions.
Privacy.
Notifications.
Language.
Theme.
Country and Currency.
Connected Social Accounts.
Birthday Automation.
Media Upload.
Help and Support.
Terms and Privacy.
Logout.
Media uploads and camera/gallery selection work on supported devices.
Signup, sign-in, email verification and password-reset requirements documented.
The 16-button bottom menu specification completed.
Home page, profile, posts, Stories, VIP, Groups, Messenger, Reels, CPA, Ads and games specifications.
The Owner/Admin panel specification flow.
Including:
Members, VIP and Groups.
Posts and Media Moderation.
Marketplace, CPA and Advertising.
Tracking, Attribution, Click Logs and Conversions.
Wallet, Deposits and Withdrawals.
Resend and Birthday Automation.
LiveKit and Push Notifications.
Games and Rewards.
App Management.
Reports and Analytics.
Feature On/Off Controls.
Admin Users, Roles and 2FA.
Country Staff Management.
Postback Management.
AdSense/Raptive integrations.
Social Integrations.
External Traffic and Platform Connections.
AdsBook serves human roles across two separate authentication domains: the member-facing platform and the staff system at /admin/login. Member credentials never grant staff access, and members must not see Owner/Admin-only controls.
| Role | Responsibilities & goals | Access |
|---|---|---|
| Visitor | Browse public content: homepage, public posts, member and VIP profiles, groups, marketplace listings, Reels, ads, About/Terms/Privacy. Register via Google/Facebook/Email/Phone (country code optional), complete email verification, then reach the dashboard. | Public pages only; no account |
| Member | Sign in to Home Feed with restored session, notifications, messages and account info; manage wallet, deposits/withdrawals, 2FA, opt-in/opt-out, messaging, calls, Reels, Stories, games; join groups; buy/sell via Marketplace; become VIP. | Member dashboard and member-specific navigation |
| Buyer | Purchase through Marketplace listings. | Buyer Dashboard |
| Seller | List and manage Marketplace offerings. | Seller Dashboard |
| Group Owner | Own and run a group; manage participants and call permissions. | Group Moderation tools |
| Group Member | Participate in groups under owner-set permissions. | Group content only |
| Subscriber | Hold a subscriber role with platform content access. | Subscriber role permissions |
| Creator | Publish content under creator role; 2FA applies. | Creator role permissions |
| Moderator | Moderate posts, media and groups; country-wise assignment possible; 2FA applies. | Staff system, moderator permissions |
| Support | Country-wise support staffing. | Staff system, support permissions |
| Admin | Manage members, VIP showcase, groups, media, advertising, CPA, payments, notifications, security and feature switches; manage admin users and permissions; 2FA mandatory. Cannot promote self to Owner. | /admin/login, role-based permissions |
| Owner | Control role assignment and permission limits across Admin/Moderator/Creator/Subscribers; manage all Admin workspaces plus branding (logo, favicon, app name, welcome message); 2FA mandatory with audited recovery. | /admin/login, full workspace |
| Country Staff | Country-scoped duties as moderator, support, campaign manager or payment manager; full country dropdown with multi-select; 2FA applies. | Staff system, country permissions |
Journeys. A visitor registers, verifies by emailed code (Resend), signs in and lands on the Home Feed with permissions applied. Staff sign in separately at /admin/login with email/username and password; Owner/Admin then manage members, VIP, groups, media, marketplace, CPA, advertising, tracking, wallet, deposits and withdrawals, and approve, reject or mark paid withdrawal requests with notes.
Defaults (labeled). Payment-manager and campaign-manager duties beyond country scoping are not detailed in this evidence; treat as country-scoped staff defaults pending Functional Requirements.
Trigger: A member wants to share content on the Home feed.
Branches: The member may edit or delete the post later; Share Post distributes it to others. Upload failure is recoverable via retry without losing the draft.
Trigger: A member opens Home.
Trigger: A member wants to find and relate to other members.
Branches: The member may report or block a member from the profile. Member Invitations let members bring others onto the platform.
Trigger: A member wants to participate in a community.
Trigger: A member wants to shop or list a product.
Branches: Buyers track purchases in the Buyer Dashboard. Sellers may edit or delete listings at any time.
Trigger: A marketer wants to promote offers and measure results.
Branches: A campaign rejected at approval returns to the marketer for revision.
Trigger: An advertiser wants paid reach.
Trigger: A member wants short-form video.
Branches: Creators edit or delete reels; Liked Reels and Saved Reels collect viewer activity.
Trigger: A member wants to communicate directly.
Trigger: A member wants to review activity.
Trigger: A member wants to move money.
Branches: Payment accounts can be edited or deleted.
Trigger: A member wants to update identity or protect the account.
Branches: Forgot Password recovers access; Report a Problem raises an issue.
Trigger: A member wants premium interaction.
Trigger: A member wants the product on another device.
Trigger: An administrator needs to operate the platform.
Trigger: An administrator needs to review or act on a member account.
Trigger: An administrator needs to maintain premium profiles.
Trigger: An administrator needs to govern community content.
Trigger: An administrator needs to oversee listings and ad inventory.
Trigger: An administrator needs to settle member money movement.
Trigger: An administrator needs to reach members.
Trigger: An administrator needs to change platform configuration.
Trigger: An owner needs to control administrative access and audit activity.
Trigger: An administrator needs to keep the country database and its assigned staff current.
Trigger: An administrator or marketer needs conversion callbacks and network connections to work.
Trigger: An owner or administrator needs to change app identity or harden privileged access.
Trigger: An administrator needs to govern all platform roles.
Trigger: An administrator needs lifecycle messaging and external platform connections.
Trigger: An administrator needs to bring external traffic and track conversions.
Cross-cutting: The shared country database (195 countries and territories, with name, ISO code, calling code, currency code and name, and local/global payment availability) backs registration, profile editing, phone setup, payment accounts, and ad and CPA targeting. Desktop uses a three-column dashboard; mobile uses fixed bottom navigation across all 16 main destinations, with top navigation for search, notifications, messages, and account access.
[Design proposal; unspecified choices are defaults.]
AdsBook runs one consistent dark-neon design across the public home page, signup, sign-in, member dashboard, profile, games and administration. The muse is Gleb Kuznetsov: cinematic dark UI, glowing panels, premium and future-facing.
Colour tokens (dark mode, default)
| Role | Token |
|---|---|
| Ground | #07070E |
| Surface (glass card) | #12121F |
| Text | #F2F4FF |
| Primary — active states, links, glow lines | #22E3FF |
| Accent — money, VIP, sign-up pill | #FF3DCB |
| Muted — labels, secondary data | #8A8FB5 |
Deep black-violet ground holds roughly 70% of every screen. Cyan marks active states and links; magenta marks money and VIP; muted violet-grey carries labels and secondary data. Thin cyan, violet and magenta glowing borders, subtle neon shadows, smooth transitions and hover effects, clear readable typography, consistent icons and button styles.
Typography — headings Space Grotesk, 500–700, wide geometric; body Manrope; 1.25 modular scale 40/32/24/18/16; hero headline clamp(40px, 7vw, 96px). Uppercase micro-labels at 10px with 0.16em tracking sit above every panel title. Data rows and wallet/earnings figures use monospace numerals.
Shape and surface — rounded glass panels at 20px radius with 1px cyan or magenta glow borders; thin luminous strokes; pill buttons; circular avatars with a neon ring. Hover raises glow intensity in 180ms.
Layout — fixed top bar (logo, Home, Search, Members, VIP, Groups, plus search, notifications, messages and account access with unread count badges); three desktop columns at 280px / fluid / 320px; two-column tablet; single-column mobile feed. The permanent 16-button bottom bar is mandatory on mobile and desktop, centered and spaced on desktop, compact icons and labels with horizontal scrolling on mobile, responsive compact on tablet. Active destination carries a glowing cyan/violet indicator. The bottom menu must not cover page content or interfere with forms, drawers or upload controls, and stays accessible while scrolling.
Branding — original AdsBook logo and favicon, desktop/mobile/app icons; the logo links to Home; no other branding.
Imagery — one abstract 3D data sphere in the hero; glowing particle fields and holographic product cards elsewhere. No flat clip art.
Readability guard — headlines, wordmarks, labels, numbers, card text and controls stay whole inside the viewport and their container at 375px, 768px and 1280px, wrapping or scaling to fit; nothing covers them. Imagery and decoration may bleed, crop or overlap freely. The horizontally scrollable 16-button bar may cross the viewport edge by design; every item becomes fully readable as it scrolls, and under reduced motion it wraps or scrolls so each item can be brought fully into view.
Defaults (labeled) — the hex values, font families and scale above are the creative direction's tokens; no user-specified colours or fonts were supplied, so these stand as the project palette.
The complete AdsBook Home Page, Signup and Sign-in Design Specification, with the 16-button bottom navigation menu explicitly included as a required, permanent part of the design.
AdsBook – Complete Home, Signup & Sign-in Design Specification
AdsBook
NEON SOCIAL DASHBOARD
Connect · Share · Promote · Earn · Play
Dashboard design - Glassmorphism :: Behance
behance.net
AdsBook must have one consistent modern dark-neon design across the public home page, registration, login, member dashboard, profile, games and administration.
Color palette
Design rules:
Rounded glass-effect cards.
Thin cyan, violet and magenta glowing borders.
Subtle neon shadows.
Smooth transitions and hover effects.
Clear, readable typography.
Consistent icons and button styles.
Dark neon theme by default.
Responsive desktop, tablet and mobile layouts.
Original AdsBook logo and favicon.
Desktop, mobile and app icons.
Logo links to Home.
No other branding.
NumeHash — Social Network, AI Studio, Creators, Business Tools & GNI
The desktop dashboard must use three columns:
Active destination: glowing cyan/violet border or indicator.
AdsBook branding, layout, colors and navigation requirements documented.
[Design proposal; unspecified choices are defaults.]
Neon Social Dashboard — a cinematic dark stage where glass panels float on black-violet, lit by cyan and magenta edges. The product promise, Connect · Share · Promote · Earn · Play, is carried by colour logic rather than decoration: cyan is where you are and what you can act on, magenta is what you earn and who is VIP.
Signature moves
Public entry composition — full-bleed dark scene; the orbiting 3D data sphere occupies the right 60% of the viewport; a stacked uppercase headline sits left at clamp(40px, 7vw, 96px) over a cyan glow line; the sign-up button is a magenta pill under the headline. The Get Now button and sign-in link sit in the same left stack. Nothing else competes.
Component language — standard management toolbar (Add New, Edit, Save Changes) plus search and filter, pagination, bulk actions where appropriate, Active/Inactive status, Preview, confirmation before deletion, success/error messages and change history, all rendered as glass panels with the same border and micro-label rules. Side drawers slide smoothly and close via close icon or outside click on mobile and desktop; three-dot menus carry contextual actions; the profile dropdown holds View Profile, Edit Profile, My Ads Account, Wallet, Messages, Settings, Security, Logout.
Avoid — blue-indigo buttons on white; centred headline over a gradient blob; grids of identical hover-lift cards; flat clip-art icons; pastel gradients without a dark ground.
[Design proposal; unspecified choices are defaults.]
Interaction Model: Parallax Motion Tempo: cinematic Hero Dimensionality: webgl
Landing Hero Motion Brief
Focal subject: the abstract 3D data sphere, right 60% of the viewport, over the black-violet ground.
Thesis — input: the visitor scrolls or moves the pointer across the hero. Transformation: the sphere turns slowly on its own orbit and answers scroll with parallax rotation, its cyan light sweeping across the left column and the glow line under the headline. Outcome: the headline, Get Now magenta pill and sign-in link stay fully readable and still while the scene moves around them, establishing the product as fast, premium and future-facing before any click.
Motion vocabulary: slow orbit, light sweeps, scroll-linked parallax on panels, 180ms glow raise on hover, sliding cyan underline on the 16-button bar.
Composed first frame: sphere at rest at right, headline stack left, cyan glow line lit, magenta pill beneath it, top bar fixed.
Reduced-motion state: the sphere holds a single still frame, parallax and orbit stop, hover glow becomes an instant state change, and the 16-button bar wraps or scrolls so every item can be brought fully into view.
Landing Hero 3D Scene Brief — DIRECTION-DERIVED
One crafted real-time object: a compact particle-and-wireframe data sphere whose surface nodes pulse in cyan and whose inner core glows magenta — the product's defining state (connect, promote, earn) in a single form. It rotates on a slow orbit, tilts with scroll, and casts a soft cyan wash onto the left column. Keep it lightweight, resolution-aware and paused under prefers-reduced-motion.
Keep the top bar visible during scrolling.
All buttons must have real destinations and working actions.
No dead links, fake buttons or unfinished pages.
Members must not see Owner/Admin-only controls.
Private credentials must be stored server-side and masked in the Admin interface. Do not expose API secrets to the frontend.
Important: Use official provider integrations and policies. Store credentials securely. Do not expose secret keys or insert arbitrary third-party scripts without validation and authorization.
Audit rule: Original tracking events should be immutable. Corrections must be recorded as adjustments; deletion should be restricted and logged rather than silently rewriting historical data.
Role assignment must be permission-controlled. A staff user must not be able to grant themselves Owner privileges.
D. Integration performance
E. Security
Encrypt Credentials at Rest
Mask API Secrets
Server-side API Calls
Role-based Credential Access
Audit Credential Changes
Important: Never store all credentials as plain text or allow arbitrary API URLs and scripts to execute without validation. Use server-side secret storage, HTTPS, signed webhooks, allowlists where appropriate and per-integration permissions.
Security requirements:
Expiring verification codes.
Rate limits and resend cooldown.
Secure, single-use reset tokens or codes.
Generic responses to prevent email enumeration.
The bottom menu must not cover page content or interfere with forms, drawers or upload controls.
Privacy and analytics.
Three-column desktop layout.
Two-column tablet layout where appropriate.
Single-column mobile feed.
Fixed bottom navigation on mobile.
Top navigation adapts to smaller screens.
Drawers replace desktop sidebars.
Forms fit mobile screens.
No horizontal overflow in the main page.
Bottom menu must remain accessible while scrolling.
In-App Stories | Pre-built for iOS, Android, Flutter and React
Fresh AdsBook frontend and backend source structure.
Frontend and backend dependencies installed locally.
Frontend Vite build succeeded locally.
Convex backend dependencies installed.
A. Convex deployment
Deployment to Hostinger. B. Hostinger deployment
The fresh frontend and backend ZIP to be created
The intended setup is:
Node.js 22 (preferably 22.22 or newer).
Build command: npm run build
Output directory: dist
Frontend environment: VITE_CONVEX_URL and VITE_CONVEX_SITE_URL.
Backend secrets must remain in Convex, not public frontend environment variables.
Additional global requirements
These apply throughout AdsBook, not just to one submenu.
Android / iOS / Web
Use a searchable full country dropdown, shared with the member profile, registration, advertising, CPA and payment systems. Avoid duplicate country records and validate ISO codes.
Only use officially supported APIs and OAuth scopes. Each integration should show whether it supports login, sharing, publishing, analytics or messaging; not every platform supports every operation.
Admin recovery must not use the public member account-recovery flow to grant staff access.
Never redirect members to the obsolete /app/auth?returnTo=/__classic route.
24-hour expiry by default.
Generated showcase accounts must be clearly identified as showcase accounts, not presented as real verified members.
LiveKit calls require secure backend configuration and permission controls.
Rules and limits.
What remains to be completed
Two system we integration
The fresh rebuild's npx convex dev unexpectedly selected the existing benergy-tech:adsbook project and created/reinitialized a development deployment.
Value
Group Description
Group Owner
Group Members
Deposit Fees
Withdrawal Fees
Payment Account Details
Payment Status
Payment Integration Credentials
Transaction History
Payment Ledger
Refund Management
Admin
Moderator
Creator
Subscribers
Support
Country
Country Flag
ISO Alpha-2 Code
Traffic Source
Campaign Source
Referral Source
Website Placement
Traffic Quality
Traffic Analytics
Partner Reports
ALTRIX_AI NETWORK (@altrix_ai) on X
AdsBook
Neon Social Dashboard
Official platform identity
CPA
Cards
Elowyn: Quest of Time | Immutable Play
Card Games.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No completed page designs yet.
Completed design pages will appear here when they are ready to preview.
No comments yet. Be the first!