Chatr Demo
Explore our UI components and features
Panel System
Test our sliding panel system with stacking and navigation
Toast Notifications
Try our toast notification system - hover over toasts to pause the timer!
Confirmation Dialogs
Experience our confirmation dialogs with various scenarios
Date & Time Pickers
Click the calendar icon next to the label to open the calendar modal
📋 Bottom Sheet Demo
Mobile-style bottom sheets that slide up from the bottom and overlay all content
Full Height
Sheet takes up the entire viewport height (100vh)
Fixed Height
Sheet with fixed 600px height featuring all form components including iOS-style date picker
Auto Height
Sheet height adjusts to fit content (max 90vh)
No Close Button
Sheet without close button - requires action button to dismiss
API Endpoints
All endpoints defined in the backend codebase
Base: https://api.chatr-app.online
Authentication/api/auth
POSThttps://api.chatr-app.online/api/auth/registerRegister a new user
POSThttps://api.chatr-app.online/api/auth/loginUser login
POSThttps://api.chatr-app.online/api/auth/logoutUser logout
POSThttps://api.chatr-app.online/api/auth/verify-emailVerify email with code
POSThttps://api.chatr-app.online/api/auth/verify-phoneVerify phone with code
POSThttps://api.chatr-app.online/api/auth/forgot-passwordRequest password reset
POSThttps://api.chatr-app.online/api/auth/2fa/setupGenerate 2FA secret and QR code
POSThttps://api.chatr-app.online/api/auth/2fa/verifyVerify 2FA code and enable 2FA
Users/api/users
GEThttps://api.chatr-app.online/api/users/Get all verified users
GEThttps://api.chatr-app.online/api/users/meGet current user
GEThttps://api.chatr-app.online/api/users/check-usernameCheck if username is available
GEThttps://api.chatr-app.online/api/users/suggest-usernameGet username suggestions
GEThttps://api.chatr-app.online/api/users/searchSearch users by username
GEThttps://api.chatr-app.online/api/users/:usernameGet user profile
POSThttps://api.chatr-app.online/api/users/profile-imageUpload profile image
POSThttps://api.chatr-app.online/api/users/cover-imageUpload cover image
DELETEhttps://api.chatr-app.online/api/users/profile-imageDelete profile image
DELETEhttps://api.chatr-app.online/api/users/cover-imageDelete cover image
Messages/api/messages
GEThttps://api.chatr-app.online/api/messages/historyGet message history (otherUserId, limit, before)
GEThttps://api.chatr-app.online/api/messages/conversationsGet user conversations
POSThttps://api.chatr-app.online/api/messages/uploadUpload a file/audio message
PATCHhttps://api.chatr-app.online/api/messages/:id/waveformUpdate audio waveform data
Groups/api/groups
POSThttps://api.chatr-app.online/api/groups/Create a new group
GEThttps://api.chatr-app.online/api/groups/:idGet group details
POSThttps://api.chatr-app.online/api/groups/:id/joinJoin a group
POSThttps://api.chatr-app.online/api/groups/:id/leaveLeave a group
GEThttps://api.chatr-app.online/api/groups/:id/messagesGet group messages
Misc/api
GEThttps://api.chatr-app.online/api/email-previewPreview email templates
GEThttps://api.chatr-app.online/api/docsSwagger / API docs UI