Public
Like
Studybeast
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data โ all from the browser, and deployed in milliseconds.
studybeast.tsx
https://Nothingboy--3ac3482230ac11f0a756569c3dd06744.web.val.run
A comprehensive online learning platform with secure user authentication and session management.
- User login with predefined credentials
- 48-hour session duration
- Automatic session expiry with visual countdown
- 48-hour login duration: Users remain logged in for exactly 48 hours
- Visual countdown: Real-time display of remaining session time
- Progress bar: Thin colored strip below footer showing session progress
- Green โ Yellow โ Red gradient indicating time remaining
- Automatic logout: Session expires automatically after 48 hours
- Persistent sessions: Login state persists across browser refreshes
- Browse featured courses
- Search functionality
- Course details with pricing and instructor information
- Direct enrollment links
- Responsive design with Tailwind CSS
- Clean, modern interface
- Mobile-friendly layout
- Fixed timer strip at bottom of screen
- Login timestamp stored in localStorage
- Real-time countdown using React hooks
- Automatic cleanup on session expiry
- Cross-tab session synchronization
- Updates every second
- Shows time in hours, minutes, seconds format
- Color-coded progress bar (green to red gradient)
- Fixed position below footer
- Minimal height (thin strip design)
- No sensitive data in localStorage
- Automatic session cleanup
- User notification on session expiry
- Login: Use provided credentials to access the platform
- Browse: Explore available courses and use search functionality
- Monitor: Keep track of remaining session time via the bottom timer
- Logout: Manual logout or automatic after 48 hours
The session timer appears as a thin strip at the bottom of the screen with:
- Dark background showing remaining time
- Colored progress bar indicating session progress
- Real-time updates every second
- Automatic session termination when time expires
The platform includes predefined user accounts (vk, user002-user040) with secure passwords for demonstration purposes.