Loading...

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

21 February 2026
01:05
21 February 2026 01:05

📋 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
← Back to Home|Documentation →
Offline
⋮⋮