Rapture Collapse is a gamified productivity application built with React and Vite that introduces controlled unpredictability into task management. Instead of static task lists, priorities continuously reshuffle over time, forcing users to adapt under pressure.
The application combines a terminal-inspired interface with time-based chaos mechanics, mathematical interruption systems, and progressive difficulty escalation to create an unconventional productivity experience.
Traditional productivity tools optimize for stability and predictability. Rapture Collapse intentionally challenges that model by introducing dynamic task prioritization.
Users must manage tasks while the system periodically reorders priorities. The only way to temporarily pause the chaos cycle is by solving timed mathematical challenges. Repeated failures accelerate the system toward collapse.
Tasks automatically reshuffle at timed intervals depending on the selected difficulty mode.
Users can temporarily stop the chaos cycle by solving generated mathematical problems within a limited time window.
Each failed challenge reduces the interval timer, increasing system intensity over time.
At critical intervals, incorrect answers trigger a complete system collapse:
- Task deletion
- Terminal distortion effects
- UI glitch animations
- Forced restart state
Tasks are stored using localStorage so progress survives page refreshes.
The interface uses a brutalist terminal aesthetic with animated transitions, status indicators, and system-style feedback.
| Mode | Shuffle Interval | Complexity |
|---|---|---|
| Normal | 45 seconds | Basic arithmetic |
| Adventure | 30 seconds | Intermediate expressions |
| Hell | 10 seconds | Multi-step calculations |
Every failed math challenge decreases the interval speed by 5 seconds.
- Select a difficulty mode.
- Create tasks with different priority levels.
- Survive periodic priority reshuffling.
- Trigger pause mode when necessary.
- Solve the generated mathematical challenge before timeout.
- Continue managing the system as difficulty escalates.
Failure at the minimum interval threshold results in a full system collapse.
- React 18
- Vite
- JavaScript
- Vanilla CSS
- useState
- useEffect
- useMemo
- useRef
- localStorage
- Web Audio API
- CSS keyframes
- Transform-based motion effects
- Glitch and shake transitions
src/
├── components/
├── hooks/
├── styles/
├── utils/
└── App.jsxgit clone https://github.com/AbhishekMauryaGEEK/Rpture_Colapse_TO-do-list.git
cd Rpture_Colapse_TO-do-listnpm installnpm run devApplication runs at:
http://localhost:5173https://rapture-collapse.netlify.app/
- Real-time interval management
- Stateful gameplay progression
- Persistent browser storage
- Interactive terminal-style interface
- Dynamic UI feedback systems
- Performance-focused React rendering
- Minimal dependency architecture
Potential expansion areas:
- Multiplayer challenge mode
- Leaderboard system
- Custom chaos algorithms
- Audio themes and sound packs
- Additional mathematical challenge generators
- Adaptive AI-based difficulty balancing
- Mobile responsive optimization
Contributions are welcome.
git checkout -b feature/feature-nameCommit changes with clear commit messages:
git commit -m "Add feature description"Push branch:
git push origin feature/feature-nameOpen a pull request with:
- Feature overview
- Technical implementation notes
- Screenshots or recordings
- Testing details
This project is licensed under the MIT License.
Abhishek Maurya
Computer Science Student and Frontend Developer focused on experimental UI systems, interactive applications, and creative web experiences.