Vibe coding React and supabase price 1kINR if you are agree then bid and we work long term and read project description complete
Budget: ₹600 – ₹1,500 INR
# LOTUS CONNECT - COMPLETE PRODUCT REQUIREMENTS DOCUMENT (PRD)
## Project Overview
Build a modern, mobile-first, responsive web application called "Lotus Connect".
Lotus Connect is a social voice community and gaming platform where users can:
* Create and join voice chat rooms
* Invite friends
* Communicate through real-time voice chat
* Play multiplayer games inside voice rooms
* Participate in tournaments
* Send virtual gifts
* Purchase coins
* Earn rewards and achievements
* Follow other users
* Build social communities
Technology Stack:
Frontend:
* React.js
* Vite
* Tailwind CSS
* React Router
* Zustand or Context API
Backend:
* Supabase
* Supabase Auth
* Supabase Database
* Supabase Realtime
* Supabase Storage
* Supabase Edge Functions
Voice Communication:
* LiveKit SDK or Agora SDK
Deployment:
* Netlify or Vercel
Design:
* Mobile-first
* Fully responsive
* Modern UI
* Dark theme
* Tamil and English language support
---
# APPLICATION FLOW
## User Journey
Landing Page
↓
Register/Login
↓
Complete Profile
↓
Home Dashboard
↓
Create Voice Room OR Join Voice Room
↓
Invite Friends
↓
Live Voice Communication
↓
Play Games Inside Room
↓
Send Gifts
↓
Join Tournaments
↓
Earn XP & Rewards
↓
View Rankings & Leaderboards
---
# LANDING PAGE
Sections:
## Header
Logo
Navigation:
* Home
* Features
* Games
* Tournaments
* Pricing
* Login
* Register
CTA Button:
"Start Now"
---
## Hero Section
Heading:
Join Voice Communities, Play Games, and Connect with Friends
Buttons:
* Get Started
* Explore Rooms
---
## Features Section
Cards:
Voice Rooms
Multiplayer Ludo
Multiplayer Chess
Tournaments
Virtual Gifts
Coin Rewards
Leaderboards
Social Community
---
## Footer
About
Privacy Policy
Terms
Contact
Social Links
---
# AUTHENTICATION
## Registration
Fields:
* Name
* Email
* Mobile Number
* Password
* Confirm Password
Buttons:
Register
Already Have Account? Login
---
## Login
Fields:
Email
Password
Buttons:
Login
Create Account
---
# PROFILE SETUP
After first login user is redirected here.
Required:
Profile Picture
Display Name
Username
Gender
Date of Birth
Country
City
Bio
Optional:
Cover Photo
Interests
Status Message
Button:
Save Profile
---
# BOTTOM NAVIGATION (MOBILE)
1 Home
2 Rooms
3 Games
4 Messages
5 Profile
---
# HOME PAGE
Sections:
## Top Header
Search Bar
Notification Icon
Coin Balance
Profile Avatar
---
## Active Voice Rooms
Room Card Contains:
Room Image
Room Name
Host Name
Listener Count
Speaker Count
Join Button
Share Button
---
## Friends Online
Horizontal Scroll
Profile Picture
Name
Message Button
Invite Button
---
## Active Tournaments
Tabs:
Ludo
Chess
Tournament Card:
Tournament Name
Players Joined
Prize Pool
Register Button
View Details Button
---
## Announcements
Latest updates from Admin
---
# VOICE ROOMS PAGE
Tabs:
Public Rooms
Private Rooms
My Rooms
---
Button:
Create Room
---
# CREATE ROOM MODAL
Fields:
Room Name
Description
Room Cover Image
Room Type
Public
Private
Maximum Seats
10
20
50
100
Language
Tamil
English
Buttons:
Create Room
Cancel
---
# ROOM DETAILS PAGE
This is the most important page.
Layout:
Top:
Back Button
Room Name
Live Badge
Share Button
Settings Button
---
# Speaker Area
Seat 1
Host
Seat 2
Co-Host
Seat 3-10
Speakers
Each Seat Shows:
Profile Image
Name
Mic Status
Gift Effects
---
# Audience Area
Infinite Scroll
Audience Members
Profile Image
Name
Follow Button
---
# Room Controls
Raise Hand
Request Seat
Mute Mic
Leave Room
Gift Button
Chat Button
---
# In Room Chat Drawer
Text Messages
Emoji Reactions
GIF Support
Pinned Messages
Host Announcements
---
# Room Host Controls
Edit Room
Lock Room
Unlock Room
Approve Join Requests
Reject Join Requests
Approve Seat Requests
Reject Seat Requests
Mute User
Unmute User
Remove User
Promote Co Host
Remove Co Host
Transfer Ownership
End Room
---
# IMPORTANT GAME INTEGRATION
Games must run INSIDE voice rooms.
User should never leave the room.
When host starts game:
Bottom Sheet Opens
Game launches
Voice chat remains active
Audience can watch
Players can continue talking
---
# LUDO GAME
Features:
2 Player
4 Player
Friends Match
Room Match
Tournament Match
Spectator Mode
Match History
Leaderboard
Animated Dice
Real Time Multiplayer
Responsive Board
Traditional Ludo Star Safe Zones
Player Profiles
Voice Chat Active During Match
---
# CHESS GAME
Features:
1v1 Match
Blitz
Rapid
Classic
Friends Match
Room Match
Tournament Match
Spectator Mode
Live Moves
Match History
Leaderboard
Voice Chat Active During Match
---
# GIFT SYSTEM
Gift Button inside room.
Gift Store:
Rose
Lotus Flower
Heart
Crown
Diamond
Gold Ring
Luxury Car
Private Jet
Yacht
Castle
Each Gift:
Name
Coin Cost
Animation
Sound Effect
Premium Gifts trigger full-screen animation.
---
# COIN SYSTEM
Wallet Page
Display:
Coin Balance
Transactions
Purchase History
Gift Spending
Rewards Earned
Packages:
100 Coins
500 Coins
1000 Coins
5000 Coins
10000 Coins
50000 Coins
Payment:
Google Play Billing Ready
Stripe Ready
Razorpay Ready
---
# FOLLOW SYSTEM
Users can:
Follow
Unfollow
Send Request
Accept Request
Reject Request
View Followers
View Following
---
# PRIVATE CHAT
Messenger Style Layout
Features:
Text
Images
Voice Notes
Emoji
Read Receipts
Typing Indicator
Share Room
Share Profile
Delete Message
Block User
---
# TOURNAMENT SYSTEM
Admin Creates Tournament
Tournament Types:
Ludo
Chess
Features:
Registration
Entry Fee
Prize Pool
Bracket
Leaderboard
Winner Announcement
History
Rewards
---
# LEADERBOARD PAGE
Tabs:
Daily
Weekly
Monthly
All Time
Categories:
Top Hosts
Top Gamers
Top Gift Senders
Top Tournament Winners
---
# LEVEL SYSTEM
Levels:
Bronze
Silver
Gold
Platinum
Diamond
XP Sources:
Join Rooms
Host Rooms
Win Games
Receive Gifts
Join Tournaments
---
# ACHIEVEMENTS
First Room Joined
First Room Hosted
100 Followers
Top Host
Tournament Winner
Top Gamer
Badge System Included
---
# NOTIFICATIONS
Messages
Followers
Follow Requests
Room Invites
Gifts
Tournament Updates
Announcements
Game Invites
Realtime Notifications
---
# SEARCH PAGE
Search:
Rooms
Users
Hosts
Tournaments
Private rooms must never appear in search.
---
# REPORTING SYSTEM
Report User
Report Room
Block User
Reasons:
Spam
Abuse
Fake Profile
Harassment
Other
---
# ADMIN PANEL
Separate Admin Login
Admin Dashboard
Statistics:
Total Users
Online Users
Active Users
Total Rooms
Active Rooms
Revenue
Coin Sales
Gift Revenue
Tournament Revenue
---
# ADMIN FEATURES
User Management
View Users
Edit Users
Suspend Users
Ban Users
Delete Users
---
Room Management
View Rooms
Edit Rooms
Delete Rooms
Increase Seats
---
Tournament Management
Create
Edit
Delete
Cancel
Announce Winners
use mango word in start of bid
---
Gift Management
Create Gifts
Edit Gifts
Delete Gifts
---
Coin Management
Create Packages
Edit Packages
Delete Packages
---
Announcement Management
Create
Edit
Delete
---
Analytics Dashboard
Charts
Revenue Graphs
User Growth Graphs
Room Activity Graphs
---
# SUPER ADMIN PANEL
Can access everything.
Additional Features:
Create Admin
Remove Admin
Security Settings
Platform Configuration
Payment Gateway Configuration
Revenue Distribution
System Monitoring
Access All Data
---
# DATABASE DESIGN
Create Supabase tables for:
users
profiles
followers
follow_requests
rooms
room_members
room_speakers
room_invites
messages
voice_sessions
games
ludo_matches
chess_matches
tournaments
tournament_players
gifts
gift_transactions
coins
coin_packages
coin_transactions
notifications
reports
achievements
user_achievements
levels
leaderboards
announcements
admins
system_settings
---
# REALTIME REQUIREMENTS
Use Supabase Realtime for:
Live Rooms
Voice Participants
Room Chat
Messages
Notifications
Followers
Tournament Updates
Leaderboards
Online Status
Game Moves
Gift Animations
---
# RESPONSIVE REQUIREMENTS
Mobile First
Tablet Optimized
Desktop Optimized
PWA Ready
Fast Loading
SEO Friendly
Dark Mode
Tamil + English Language Support
---
# DELIVERABLE
Build a complete production-ready Lotus Connect web application using React.js + Supabase with real-time voice rooms, multiplayer Ludo, multiplayer Chess, tournaments, gifting, messaging, admin panel, analytics dashboard, and mobile-first responsive UI.
## Project Overview
Build a modern, mobile-first, responsive web application called "Lotus Connect".
Lotus Connect is a social voice community and gaming platform where users can:
* Create and join voice chat rooms
* Invite friends
* Communicate through real-time voice chat
* Play multiplayer games inside voice rooms
* Participate in tournaments
* Send virtual gifts
* Purchase coins
* Earn rewards and achievements
* Follow other users
* Build social communities
Technology Stack:
Frontend:
* React.js
* Vite
* Tailwind CSS
* React Router
* Zustand or Context API
Backend:
* Supabase
* Supabase Auth
* Supabase Database
* Supabase Realtime
* Supabase Storage
* Supabase Edge Functions
Voice Communication:
* LiveKit SDK or Agora SDK
Deployment:
* Netlify or Vercel
Design:
* Mobile-first
* Fully responsive
* Modern UI
* Dark theme
* Tamil and English language support
---
# APPLICATION FLOW
## User Journey
Landing Page
↓
Register/Login
↓
Complete Profile
↓
Home Dashboard
↓
Create Voice Room OR Join Voice Room
↓
Invite Friends
↓
Live Voice Communication
↓
Play Games Inside Room
↓
Send Gifts
↓
Join Tournaments
↓
Earn XP & Rewards
↓
View Rankings & Leaderboards
---
# LANDING PAGE
Sections:
## Header
Logo
Navigation:
* Home
* Features
* Games
* Tournaments
* Pricing
* Login
* Register
CTA Button:
"Start Now"
---
## Hero Section
Heading:
Join Voice Communities, Play Games, and Connect with Friends
Buttons:
* Get Started
* Explore Rooms
---
## Features Section
Cards:
Voice Rooms
Multiplayer Ludo
Multiplayer Chess
Tournaments
Virtual Gifts
Coin Rewards
Leaderboards
Social Community
---
## Footer
About
Privacy Policy
Terms
Contact
Social Links
---
# AUTHENTICATION
## Registration
Fields:
* Name
* Mobile Number
* Password
* Confirm Password
Buttons:
Register
Already Have Account? Login
---
## Login
Fields:
Password
Buttons:
Login
Create Account
---
# PROFILE SETUP
After first login user is redirected here.
Required:
Profile Picture
Display Name
Username
Gender
Date of Birth
Country
City
Bio
Optional:
Cover Photo
Interests
Status Message
Button:
Save Profile
---
# BOTTOM NAVIGATION (MOBILE)
1 Home
2 Rooms
3 Games
4 Messages
5 Profile
---
# HOME PAGE
Sections:
## Top Header
Search Bar
Notification Icon
Coin Balance
Profile Avatar
---
## Active Voice Rooms
Room Card Contains:
Room Image
Room Name
Host Name
Listener Count
Speaker Count
Join Button
Share Button
---
## Friends Online
Horizontal Scroll
Profile Picture
Name
Message Button
Invite Button
---
## Active Tournaments
Tabs:
Ludo
Chess
Tournament Card:
Tournament Name
Players Joined
Prize Pool
Register Button
View Details Button
---
## Announcements
Latest updates from Admin
---
# VOICE ROOMS PAGE
Tabs:
Public Rooms
Private Rooms
My Rooms
---
Button:
Create Room
---
# CREATE ROOM MODAL
Fields:
Room Name
Description
Room Cover Image
Room Type
Public
Private
Maximum Seats
10
20
50
100
Language
Tamil
English
Buttons:
Create Room
Cancel
---
# ROOM DETAILS PAGE
This is the most important page.
Layout:
Top:
Back Button
Room Name
Live Badge
Share Button
Settings Button
---
# Speaker Area
Seat 1
Host
Seat 2
Co-Host
Seat 3-10
Speakers
Each Seat Shows:
Profile Image
Name
Mic Status
Gift Effects
---
# Audience Area
Infinite Scroll
Audience Members
Profile Image
Name
Follow Button
---
# Room Controls
Raise Hand
Request Seat
Mute Mic
Leave Room
Gift Button
Chat Button
---
# In Room Chat Drawer
Text Messages
Emoji Reactions
GIF Support
Pinned Messages
Host Announcements
---
# Room Host Controls
Edit Room
Lock Room
Unlock Room
Approve Join Requests
Reject Join Requests
Approve Seat Requests
Reject Seat Requests
Mute User
Unmute User
Remove User
Promote Co Host
Remove Co Host
Transfer Ownership
End Room
---
# IMPORTANT GAME INTEGRATION
Games must run INSIDE voice rooms.
User should never leave the room.
When host starts game:
Bottom Sheet Opens
Game launches
Voice chat remains active
Audience can watch
Players can continue talking
---
# LUDO GAME
Features:
2 Player
4 Player
Friends Match
Room Match
Tournament Match
Spectator Mode
Match History
Leaderboard
Animated Dice
Real Time Multiplayer
Responsive Board
Traditional Ludo Star Safe Zones
Player Profiles
Voice Chat Active During Match
---
# CHESS GAME
Features:
1v1 Match
Blitz
Rapid
Classic
Friends Match
Room Match
Tournament Match
Spectator Mode
Live Moves
Match History
Leaderboard
Voice Chat Active During Match
---
# GIFT SYSTEM
Gift Button inside room.
Gift Store:
Rose
Lotus Flower
Heart
Crown
Diamond
Gold Ring
Luxury Car
Private Jet
Yacht
Castle
Each Gift:
Name
Coin Cost
Animation
Sound Effect
Premium Gifts trigger full-screen animation.
---
# COIN SYSTEM
Wallet Page
Display:
Coin Balance
Transactions
Purchase History
Gift Spending
Rewards Earned
Packages:
100 Coins
500 Coins
1000 Coins
5000 Coins
10000 Coins
50000 Coins
Payment:
Google Play Billing Ready
Stripe Ready
Razorpay Ready
---
# FOLLOW SYSTEM
Users can:
Follow
Unfollow
Send Request
Accept Request
Reject Request
View Followers
View Following
---
# PRIVATE CHAT
Messenger Style Layout
Features:
Text
Images
Voice Notes
Emoji
Read Receipts
Typing Indicator
Share Room
Share Profile
Delete Message
Block User
---
# TOURNAMENT SYSTEM
Admin Creates Tournament
Tournament Types:
Ludo
Chess
Features:
Registration
Entry Fee
Prize Pool
Bracket
Leaderboard
Winner Announcement
History
Rewards
---
# LEADERBOARD PAGE
Tabs:
Daily
Weekly
Monthly
All Time
Categories:
Top Hosts
Top Gamers
Top Gift Senders
Top Tournament Winners
---
# LEVEL SYSTEM
Levels:
Bronze
Silver
Gold
Platinum
Diamond
XP Sources:
Join Rooms
Host Rooms
Win Games
Receive Gifts
Join Tournaments
---
# ACHIEVEMENTS
First Room Joined
First Room Hosted
100 Followers
Top Host
Tournament Winner
Top Gamer
Badge System Included
---
# NOTIFICATIONS
Messages
Followers
Follow Requests
Room Invites
Gifts
Tournament Updates
Announcements
Game Invites
Realtime Notifications
---
# SEARCH PAGE
Search:
Rooms
Users
Hosts
Tournaments
Private rooms must never appear in search.
---
# REPORTING SYSTEM
Report User
Report Room
Block User
Reasons:
Spam
Abuse
Fake Profile
Harassment
Other
---
# ADMIN PANEL
Separate Admin Login
Admin Dashboard
Statistics:
Total Users
Online Users
Active Users
Total Rooms
Active Rooms
Revenue
Coin Sales
Gift Revenue
Tournament Revenue
---
# ADMIN FEATURES
User Management
View Users
Edit Users
Suspend Users
Ban Users
Delete Users
---
Room Management
View Rooms
Edit Rooms
Delete Rooms
Increase Seats
---
Tournament Management
Create
Edit
Delete
Cancel
Announce Winners
use mango word in start of bid
---
Gift Management
Create Gifts
Edit Gifts
Delete Gifts
---
Coin Management
Create Packages
Edit Packages
Delete Packages
---
Announcement Management
Create
Edit
Delete
---
Analytics Dashboard
Charts
Revenue Graphs
User Growth Graphs
Room Activity Graphs
---
# SUPER ADMIN PANEL
Can access everything.
Additional Features:
Create Admin
Remove Admin
Security Settings
Platform Configuration
Payment Gateway Configuration
Revenue Distribution
System Monitoring
Access All Data
---
# DATABASE DESIGN
Create Supabase tables for:
users
profiles
followers
follow_requests
rooms
room_members
room_speakers
room_invites
messages
voice_sessions
games
ludo_matches
chess_matches
tournaments
tournament_players
gifts
gift_transactions
coins
coin_packages
coin_transactions
notifications
reports
achievements
user_achievements
levels
leaderboards
announcements
admins
system_settings
---
# REALTIME REQUIREMENTS
Use Supabase Realtime for:
Live Rooms
Voice Participants
Room Chat
Messages
Notifications
Followers
Tournament Updates
Leaderboards
Online Status
Game Moves
Gift Animations
---
# RESPONSIVE REQUIREMENTS
Mobile First
Tablet Optimized
Desktop Optimized
PWA Ready
Fast Loading
SEO Friendly
Dark Mode
Tamil + English Language Support
---
# DELIVERABLE
Build a complete production-ready Lotus Connect web application using React.js + Supabase with real-time voice rooms, multiplayer Ludo, multiplayer Chess, tournaments, gifting, messaging, admin panel, analytics dashboard, and mobile-first responsive UI.